1 files changed, 48 insertions, 6 deletions

diff --git a/static/css/hyde.css b/static/css/hyde.css
index 963a318..199ca8f 100644
--- a/static/css/hyde.css
+++ b/static/css/hyde.css
@@ -70,6 +70,7 @@ html {
 
   footer {
     margin-left: 19rem !important;
+    margin-right: 1rem !important;
   }
 }
 
@@ -109,8 +110,8 @@ a.sidebar-nav-item:focus {
  */
 
 .content {
-  padding-top:    2rem;
-  padding-bottom: 2rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
   min-height: 50%;
 }
 
@@ -125,8 +126,8 @@ footer {
   font-size: .7rem;
   text-align: center;
   height: 40px;
-  margin: 2rem 1rem 0 1rem;
   padding: 1rem 0;
+  margin: 0 1rem;
   border-top: 1px solid #e0e0e0;
 }
 
@@ -186,6 +187,8 @@ footer a,
 
 .read-more-link a:hover {
   text-decoration: none;
+  color: #fff;
+  background-color: #49757a;
 }
 
 .pull-right {
@@ -194,6 +197,7 @@ footer a,
 
 ul.posts {
   list-style: none;
+  padding: 0 1rem;
 }
 
 .social-icons,
@@ -201,6 +205,29 @@ ul.posts {
   margin-top: 1rem;
 }
 
+ul.posts li,
+.sidebar nav li {
+  font-size: 1.2rem;
+  padding: 0.25rem 0;
+}
+
+.social-icons a {
+  font-size: 1.5rem;
+  padding: 0.2rem;
+}
+
+@media (min-width: 58rem) {
+  .social-icons a {
+    font-size: 1.2rem;
+  }
+
+  ul.posts li,
+  .sidebar nav li {
+    font-size: inherit;
+    padding: 0;
+  }
+}
+
 .social-icons a,
 .social-icons a:hover,
 .social-icons a:focus {
@@ -273,7 +300,7 @@ ul.posts {
 
 .share-buttons {
   text-align: center;
-  font-size: 1.5rem;
+  font-size: 2rem;
   margin-top: 2rem;
 }
 
@@ -288,7 +315,7 @@ ul.posts {
 ul.tags {
   list-style: none;
   padding: 0;
-  margin: 2rem 0 1rem 0;
+  margin: 1rem 0;
 }
 
 ul.tags li {
@@ -302,7 +329,7 @@ a.tag-link {
   border-radius: 3px;
   font-size: 0.75rem;
   text-decoration: none;
-  color: #757575;
+  color: #757575 !important;
 }
 
 a.tag-link:hover {
@@ -329,3 +356,18 @@ figcaption {
   margin-bottom: .5rem;
   font-weight: 400;
 }
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.flex {
+  display: flex;
+  justify-content: space-between;
+}
+
+.nowrap {
+  white-space: nowrap;
+}