Margin tweaks

GaiwanTeam · Aug 17, 2024 · 376c9cd · 376c9cd
1 parent 31cae95
commit 376c9cd
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/resources/public/css/styles.css b/resources/public/css/styles.css
@@ -56,7 +56,10 @@ body #app {
 }
 
 body #app >main {
-  padding: var(--size-2);
+  padding-left: var(--size-2);
+  padding-right: var(--size-2);
+  padding-top: var(--size-3);
+  padding-bottom: var(--size-3);
 }
 
 @keyframes fade-to-pale {
@@ -142,10 +145,11 @@ body {
   display: flex;
   align-items: center;
   background-color: var(--surface-1);
+  margin-bottom: var(--size-5);
 }
 
 .co_gaiwan_compass_html_navigation__nav_bar h1 {
-  font-size: var(--size-5);
+  font-size: var(--size-7);
   margin-right: auto;
   margin-left: var(--size-2);
 }
@@ -488,10 +492,14 @@ body {
 
 .sessions-session_list >h2 {
   margin-bottom: var(--size-4);
-  margin-top: var(--size-8);
+  margin-top: var(--size-7);
   font-size: var(--font-size-3);
 }
 
+.sessions-session_list >h2:first-child {
+  margin-top: var(--size-0);
+}
+
 @media (min-width: 24rem) {
 
   .sessions-session_list >h2 {

diff --git a/src/co/gaiwan/compass/html/layout.clj b/src/co/gaiwan/compass/html/layout.clj
@@ -12,7 +12,7 @@
   [:body
    {:max-width "100vw"}
    [:#app {:max-width "80rem" :margin "0 auto"}
-    [:>main :p-2]]])
+    [:>main :px-2 :py-3]]])
 
 (def start-time (System/currentTimeMillis))
 

diff --git a/src/co/gaiwan/compass/html/navigation.clj b/src/co/gaiwan/compass/html/navigation.clj
@@ -8,7 +8,8 @@
 (o/defstyled nav-bar :nav
   :flex :items-center
   :bg-surface-1
-  [:h1 :font-size-5 :mr-auto :ml-2]
+  :mb-5
+  [:h1 :font-size-7 :mr-auto :ml-2]
   [:svg :grow-0 :shrink-0
    {:width  t/--font-size-5
     :height t/--font-size-5}]

diff --git a/src/co/gaiwan/compass/html/sessions.clj b/src/co/gaiwan/compass/html/sessions.clj
@@ -244,8 +244,9 @@
    [:at-media {:min-width "40rem"} {:grid-template-columns "repeat(1, 1fr)"}]
    [:at-media {:min-width "60rem"} {:grid-template-columns "repeat(2, 1fr)"}]
    #_[:at-media {:min-width "80rem"} {:grid-template-columns "repeat(3, 1fr)"}]]
-  [:>h2 :mb-4 :mt-8
+  [:>h2 :mb-4 :mt-7
    {:font-size t/--font-size-3}
+   ["&:first-child" :mt-0]
    [:at-media {:min-width "24rem"} {:font-size t/--font-size-4}]
    [:at-media {:min-width "40rem"} {:font-size t/--font-size-5}]]
   ([{:keys [user sessions]}]