Improve padding on talks mobile page and index.

MikeMcQuaid · Feb 27, 2024 · 5df70df · 5df70df
1 parent ecf8f88
commit 5df70df
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/css/style.scss b/css/style.scss
@@ -288,14 +288,14 @@ h5 {
   height: 181px;
   float: left;
   margin: 0 1em 1.5em 0;
-  padding-top: 0.75em;
+  padding-top: 0.6em;
 
   img {
     padding: 0 !important;
     max-height: 181px;
   }
 
-  @media only screen and (max-device-width: 480px) {
+  @media only screen and (max-device-width: 730px) {
     float: none;
   }
 }
@@ -431,6 +431,9 @@ blockquote {
 
 .index-lists h2 {
   font-size: 1.2em;
+  @media only screen and (max-device-width: 480px) {
+    padding: 0;
+  }
 }
 
 .index-lists, .stealth-lists {
@@ -439,6 +442,22 @@ blockquote {
   }
   li {
     list-style: none;
+    margin-bottom: 1.5em;
+  }
+  p {
+    margin-block-start: 0.25em;
+  }
+}
+
+.talks {
+  @media only screen and (max-device-width: 730px) {
+    h2 {
+      margin-top: 0;
+      padding-top: 0;
+    }
+    li {
+      margin-bottom: 3.5em;
+    }
   }
 }
 

diff --git a/talks/index.html b/talks/index.html
@@ -2,7 +2,7 @@
 title: Talks
 layout: base
 ---
-<ul class="index-lists">
+<ul class="index-lists talks">
   {% for talk in site.talks reversed %}
   {% if site.future == false and talk.date > site.time %} {% continue %} {% endif %}
   <li>