Hot patch so space show will not completely break mobile

getguesstimate · Jan 2, 2016 · d950de4 · d950de4
1 parent e3ca91d
commit d950de4
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/src/components/spaces/show/style.css b/src/components/spaces/show/style.css
@@ -19,6 +19,16 @@
   background-color: $blue-1;
 }
 
+@media only screen and (max-width: 500px) {
+  .hero-unit {
+    padding: 0.5em 0 .2em;
+  }
+
+  .header-actions {
+    display: none;
+  }
+}
+
 .hero-unit .ui.button.blue {
   background-color: $grey-2;
 }
@@ -36,7 +46,7 @@
   padding: 0.2em 0.4em;
   border-radius: 3px;
   font-family: Lato;
-  font-weigth: 500;
+  font-weight: 500;
   float: left;
   margin-right: 1em;
 }
@@ -46,6 +56,17 @@
   float: left;
 }
 
+@media only screen and (max-width: 500px) {
+  .hero-unit h1 {
+    font-size: 1.2em;
+    padding: 0 0 0 0.4em;
+    margin-right: 0em;
+  }
+  .hero-unit .header-name {
+    max-width: 100%;
+  }
+}
+
 .hero-unit .header-actions {
   margin-top: 0.5em;
   float: left;