Fix input highscore mobile positioning.

FranciscoKnebel · Feb 19, 2018 · 941b9e9 · 941b9e9
1 parent 85fac54
commit 941b9e9
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/docs/index.css b/docs/index.css
@@ -36,6 +36,7 @@ body {
 #screen div.wrapper {
   position: absolute;
   z-index: 2;
+  width: 90%;
 }
 
 .ui.input, .ui.input > input {
@@ -65,6 +66,13 @@ body {
   box-shadow: none;
 }
 
+@media only screen and (max-width: 480px) {
+  .ui.input > input {
+    width: 60%;
+    padding: .5em;
+  }
+}
+
 .ui.input, .ui.input > input {
   position: relative;
   font-weight: 400;

diff --git a/docs/js/app.min.js b/docs/js/app.min.js
diff --git a/index.css b/index.css
@@ -36,6 +36,7 @@ body {
 #screen div.wrapper {
   position: absolute;
   z-index: 2;
+  width: 90%;
 }
 
 .ui.input, .ui.input > input {
@@ -65,6 +66,13 @@ body {
   box-shadow: none;
 }
 
+@media only screen and (max-width: 480px) {
+  .ui.input > input {
+    width: 60%;
+    padding: .5em;
+  }
+}
+
 .ui.input, .ui.input > input {
   position: relative;
   font-weight: 400;