grid push

src/static/css/diary.css

@@ -10,7 +10,7 @@
 }
 
     .diary-dir {
-        background-color: #080410;
+        background-color: transparent;
         font-size: 1.5em;
         color: #AAA39D;
         font-weight: bold;
@@ -52,7 +52,7 @@
         white-space: nowrap;
     }
     .diary-dir-number {
-        background-color: #7f2c28;
+        background-color: #886488; 
         display: inline-block;
         white-space: nowrap;
         border-radius: .3em;
@@ -66,15 +66,16 @@
 
     .diary-pages {
         grid-area: 2 / 1 / 3 / 2;
+        margin-right: 2em;
     }
 
     .snippet {
         margin-top: 0px;
         margin-bottom: 4em;
-        margin-right: 2em;
     }
 
     .snippet-title {
+        text-indent: 2em;
         background-color: #585c88;
         border-top-left-radius: .3em;
         border-top-right-radius: .3em;
@@ -183,8 +184,8 @@
     .sidebar a:active {
         color: ;
     }
-    .about-box {
-        grid-area: 1 / 1 / 2 / 2;
+
+    .diary-box {
         background-color: #886488; 
         text-align: center;
         border-radius: 1em;
@@ -193,25 +194,17 @@
         margin-top: 0em;
         padding-bottom: 1em;
     }
+    .diary-box a {
+        
+    }
+    .about-box {
+        grid-area: 1 / 1 / 2 / 2;
+    }
     .twitter-box {
         grid-area: 2 / 1 / 3 / 2;
-        background-color: #886488; 
-        text-align: center;
-        border-radius: 1em;
-        margin: 1em;
-        padding: .3em;
-        margin-top: 0em;
-        padding-bottom: 1em;
     }
     .latest {
         grid-area: 3 / 1 / 4 / 2;
-        background-color: #886488; 
-        text-align: center;
-        border-radius: 1em;
-        margin: 1em;
-        padding: .3em;
-        margin-top: 0em;
-        padding-bottom: 1em;
     }
     .latest-text {
         text-align: left;
@@ -220,24 +213,9 @@
     }
     .wordcloud {
         grid-area: 4 / 1 / 5 / 2;
-        background-color: #886488; 
-        text-align: center;
-        border-radius: 1em;
-        margin: 1em;
-        padding: .3em;
-        margin-top: 0em;
-        padding-bottom: 1em;
-
     }
     .disclosure {
         grid-area: 5 / 1 / 6 / 2;
-        background-color: #886488; 
-        text-align: center;
-        border-radius: 1em;
-        margin: 1em;
-        padding: .3em;
-        margin-top: 0em;
-        padding-bottom: 1em;
     }
 
     .diary-dir.bottom {

src/static/css/entry.css

@@ -3,13 +3,13 @@
     max-width: MAX(50em, 50%);
     display: grid;
     grid-template-columns: 2fr 1fr;
-    grid-template-rows: 40px auto 40px;
+    grid-template-rows: 1fr auto;
     grid-column-gap: 0px;
     grid-row-gap: 0px;
     margin: auto;
 }
 .diary-entry {
-    grid-area: 3 / 1 / 4 / 4; 
+    grid-area: 1 / 1 / 2 / 2; 
     margin-top: 40px;
     margin-bottom: 30px;
     word-wrap: break-word;
@@ -95,7 +95,7 @@
 }
 
 .sidebar {
-    grid-area: 3 / 3 / 5 / 4;
+    grid-area: 1 / 2 / 2 / 3;
     display: grid;
     grid-template-columns: auto;
     grid-template-rows: repeat(4, auto);
@@ -185,7 +185,7 @@
 }
 
 
-.rec-box { grid-area: 2 / 2 / 3 / 3; }
+.rec-box { grid-area: 2 / 1 / 3 / 3; }
 
 .snip { 
     width: 150px;