Fix behavior when subtitle is missing

1 files changed, 38 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 34c9d02..3cff111 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -245,11 +245,29 @@ table th {
   color: #808080;
 }
 
+#titleonly {
+  font-size: 4.75rem;
+  margin: 0;
+}
+
+#titleonly a {
+  color: #333;
+}
+
+#titleonly a:hover {
+  color: #808080;
+}
+
 #title-description {
   display: flex;
   justify-content: space-between;
 }
 
+#title-social {
+  float: right;
+  margin-top: -54px;
+}
+
 #social nav {
   margin: auto 0;
 }
@@ -354,6 +372,10 @@ table th {
     margin: 0 10px 0 0;
 }
 
+.tags p {
+  margin: 10px 0 10px 0;
+}
+
 .post .tags a:hover {
     border: 1px solid #FFFFFF;
 }
@@ -497,6 +519,10 @@ p code {
     padding: 15px;
   }
 
+  header {
+    text-align: center;
+  }
+
   h1 {
     font-size: 1.8rem;
   }
@@ -535,6 +561,13 @@ p code {
     line-height: 1em;
   }
 
+  #titleonly {
+    line-height: 1em;
+    font-size: 4rem;
+    margin: 0px;
+    text-align: center;
+  }
+
   #titletext {
     margin: 0 0 10px 0;
   }
@@ -543,6 +576,11 @@ p code {
     flex-direction: column;
   }
 
+  #title-social {
+    float: none;
+    margin: 0;
+  }
+
   #subtitle {
     margin: 5px 0 5px 0;
   }