fix(version): small device styling incorrect

SteveVanOpstal · Sep 13, 2017 · 374f11e · 374f11e
1 parent ad6f702
commit 374f11e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/client/version.component.scss b/src/client/version.component.scss
@@ -1,6 +1,6 @@
 :host {
   align-self: flex-end;
-  margin: -62px -15px 0 0;
+  margin: -64px -15px 0 0;
   transform: rotate(12deg);
 }
 
@@ -21,3 +21,13 @@
 :host a:hover {
   text-decoration: none;
 }
+
+@media (max-width: 1200px) {
+  :host {
+    margin: -52px -13px 0 0;
+  }
+
+  :host a {
+    font-size: .7em;
+  }
+}
diff --git a/src/styles.scss b/src/styles.scss
@@ -233,11 +233,6 @@ svg text::selection {
   header > .align-center {
     max-width: 300px;
   }
-
-  .version {
-    font-size: .7em;
-    margin: -45px -20px 0 0;
-  }
 }
 
 /* gold */