Fixed layout issues on Firefox

rpanic · Mar 19, 2019 · 7e71b0b · 7e71b0b
1 parent d0d8932
commit 7e71b0b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/main/resources/frontend/index.html b/src/main/resources/frontend/index.html
@@ -30,7 +30,7 @@
         </div>-->
         <!-- <div class="ui two column stackable grid"> -->
         <div class="row">
-            <div class="ui very padded container" style="width: fit-content;">
+            <div class="ui very padded container" style="width: -moz-fit-content; width: -webkit-fit-content;">
                 <select id="syntaxSelect" class="ui search dropdown center aligned">
                     <option value="Plaintext" selected="">Syntax</option>
                 </select>

diff --git a/src/main/resources/frontend/monaco/styles/index.css b/src/main/resources/frontend/monaco/styles/index.css
@@ -25,14 +25,21 @@
 	right: 0; */
 	margin-top: 1em;
 	width: 100%;
-	/* height: 83%; */
 	height: 100%;
 }
 
 .containerRow{
-	height: 74%;
+	height: 88%;
 }
 
 .submit{
 	margin-top: 0.6em;
+}
+
+.ui.one.column.grid{
+	height: 80%;
+}
+
+.ui.two.column.stackable.grid{
+	height: 23%;
 }