Make it so Pivotal Tracker shows up nice on thin screens

Author: evancz

assets/style.css

@@ -183,12 +183,6 @@ a:hover {
   float: right;
 }
 
-@media (max-width: 500px) {
-  .featured-user .attribution-logo {
-    display: none;
-  }
-}
-
 .featured-user .attribution-author {
   width: 300px;
   display: block;
@@ -204,9 +198,28 @@ a:hover {
   margin: 0;
 }
 
+@media (max-width: 500px) {
+  .featured-user .quote:after {
+    right: calc(50% - 20px);
+  }
+  .featured-user .attribution {
+    height: auto;
+  }
+  .featured-user .attribution-logo {
+    float: none;
+    width: 200px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .featured-user .attribution-author {
+    float: none;
+    width: 100%;
+  }
+}
 
-/* top bar */
 
+/* top bar */
 
 #tabs {
   padding: 1em;

src/pages/home.elm

@@ -250,6 +250,7 @@ userSection =
                         , "background-image" => ("url('" ++ toLogoSrc "PivotalTracker" "svg" ++ "')")
                         , "background-repeat" => "no-repeat"
                         , "background-position" => "center"
+                        , "display" => "block"
                         ]
                     ]
                     []