Fix broken styling on public site pages.

knadh · Jun 4, 2023 · ad719a4 · ad719a4
1 parent 397fc57
commit ad719a4
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 11 deletions.
diff --git a/queries.sql b/queries.sql
@@ -253,7 +253,6 @@ WITH e AS (
     DELETE FROM entries WHERE id = $1 AND status = 'pending'
 ),
 e2 AS (
-    -- Approve all the definition entries connected to the main entry.
     DELETE FROM entries WHERE status = 'pending'
     AND id = ANY(SELECT to_id FROM relations WHERE from_id = $1)
 )

diff --git a/site/base.html b/site/base.html
@@ -72,7 +72,7 @@ <h3 class="intro">
 
   <form class="box form-comments" data-success="{{ .L.T "public.suggestSubmitted" }}">
   <div>
-    <h3>{{ .L.T "public.submitTitle" }}</h3>
+    <h4>{{ .L.T "public.submitTitle" }}</h4>
     <textarea name="comments" autofocus maxlength="500"></textarea>
     <p>
       <button type="submit">{{ .L.T "public.suggestSubmitBtn" }}</button>

diff --git a/site/static/style.css b/site/static/style.css
@@ -31,7 +31,12 @@ hr {
   margin: 30px 0;
 }
 h1, h2, h3, h4, h5 {
-  margin: 30px 0 10px 0;
+  margin: 10px 0 10px 0;
+}
+
+h4, h5 {
+  margin: 0 0 10px 0;
+  font-weight: normal;
 }
 
 a {
@@ -71,10 +76,10 @@ button, .button {
   background: var(--white);
   color: var(--primary);
 }
-.button-outline:hover {
-  background: var(--white);
-  color: var(--primary);
-}
+  .button-outline:hover {
+    background: var(--lighter);
+    color: var(--primary);
+  }
 button:hover, .button:hover {
   border-color: #444;
   background: #444;
@@ -275,7 +280,7 @@ button:hover, .button:hover {
 .form-comments {
   margin: 10px 0 45px 0;
   display: none;
-  padding: 20px;
+  padding: 30px;
   clear: both;
 }
   .form-comments textarea {
@@ -418,10 +423,10 @@ button:hover, .button:hover {
 
 @media screen and (min-width: 2000px) {
   body, input, button, select, textarea {
-    font-size: 30px;
+    font-size: 24px;
   }
-  input, button, select, textarea {
-    padding: 30px;
+  button {
+    padding: 20px 30px;
   }
   .wrap {
     max-width: 50%;