Change to flexbox.

2022-06-28 10:34:15 -04:00
parent 0d335cedff
commit b32ef657f4
3 changed files with 209 additions and 287 deletions
--- a/themes/sophie-lewis/assets/scss/main.scss
+++ b/themes/sophie-lewis/assets/scss/main.scss
@ -100,7 +100,7 @@ hr {
        }
    }
    &:not(.videos) p {
-        padding-bottom: 2rem;
+        padding-bottom: 1rem;
    }
    &.index {
        p {
@ -121,11 +121,12 @@ hr {
    }
    &.writing {
        img {
-            margin-bottom: 0.75em;
+            margin-bottom: 0.25em;
        }

        .book-cell {
            padding-right: 2em;
+            justify-content: right;
        }

        .book-cover {
@ -154,6 +155,21 @@ hr {
        .book-stats {
            text-align: center;
        }
+
+        .flex-row-books {
+            display: flex;
+            .thead {
+                justify-content: left;
+            }
+        }
+
+
+        .writing-section {
+            .thead {
+                padding-bottom: 0.5em;
+            }
+        }
+
    }
 }