changed layout for mobile chrome

niccokunzmann · niccokunzmann · commit dcb58b8c0ecb · 2017-04-17T15:24:19.000+02:00
diff --git a/css/Ubuntu.css b/css/Ubuntu.css
@@ -18,4 +18,7 @@
 
 body {
   font-family: 'Ubuntu', sans-serif;
+  font-size: 1em;
 }
+
+
diff --git a/css/playfield.css b/css/playfield.css
@@ -11,7 +11,7 @@
 }
 
 .playfield.success .regex {
-  width: calc(100% - 1.5em);
+  width: calc(100% - 2em);
 }
 .playfield.success:before {
   content: "✓";
diff --git a/css/quiz.css b/css/quiz.css
@@ -15,7 +15,8 @@
 }
 
 .quiz .choices li {
-  
+  padding-top: 0.3em;
+  padding-bottom: 0.3em;
 }
 .quiz .choices li.ok {
   
@@ -24,10 +25,12 @@
   
 }
 
-.quiz .button-ok {
-  display: inline-block;
+.quiz .button {
   padding: 0.3em;
 }
+
+.quiz .button-ok {
+}
 .quiz .button-ok:hover {
   background-color: {{ site.data.colors.works }};
   color: black;
@@ -38,8 +41,6 @@
 }
 
 .quiz .button-fail {
-  display: inline;
-  padding: 0.3em;
   margin-right: 1em;
 }
 .quiz .button-fail:hover {
diff --git a/js/quiz.js b/js/quiz.js
@@ -1,6 +1,7 @@
 function prependChoice(choice, correctness, text) {
-    var div = document.createElement("div");
+    var div = document.createElement("span");
     div.innerText = text;
+    div.classList.add("button");
     div.classList.add(correctness);
     choice.prepend(div);
     div.onclick = function() {

Original file line number	Diff line number	Diff line change
`@@ -18,4 +18,7 @@`
`18`	`18`
`19`	`19`	`body {`
`20`	`20`	`font-family: 'Ubuntu', sans-serif;`
	`21`	`+ font-size: 1em;`
`21`	`22`	`}`
	`23`	`+`
	`24`	`+`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,8 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`.quiz .choices li {`
`18`		`-`
	`18`	`+ padding-top: 0.3em;`
	`19`	`+ padding-bottom: 0.3em;`
`19`	`20`	`}`
`20`	`21`	`.quiz .choices li.ok {`
`21`	`22`
`@@ -24,10 +25,12 @@`
`24`	`25`
`25`	`26`	`}`
`26`	`27`
`27`		`-.quiz .button-ok {`
`28`		`- display: inline-block;`
	`28`	`+.quiz .button {`
`29`	`29`	`padding: 0.3em;`
`30`	`30`	`}`
	`31`	`+`
	`32`	`+.quiz .button-ok {`
	`33`	`+}`
`31`	`34`	`.quiz .button-ok:hover {`
`32`	`35`	`background-color: {{ site.data.colors.works }};`
`33`	`36`	`color: black;`
`@@ -38,8 +41,6 @@`
`38`	`41`	`}`
`39`	`42`
`40`	`43`	`.quiz .button-fail {`
`41`		`- display: inline;`
`42`		`- padding: 0.3em;`
`43`	`44`	`margin-right: 1em;`
`44`	`45`	`}`
`45`	`46`	`.quiz .button-fail:hover {`