cerrado @ 2e4b2fb52a539188b27212005d626f0849e78196

ref: Organize those block a bit better

Those are some weird configuration to fix some edge cases.
diff --git a/scss/main.scss b/scss/main.scss
index 21701f5408920e4d33ab77f61ccd496064469e36..b25af7b4fa7bfb2f6a5d4affddc5f0624ef00ec2 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -90,12 +90,20 @@ );
 
 @import "bootstrap/scss/utilities/_api.scss";
 
+// prevents wierd font resizing on overflow
 body {
-    // prevents wierd font resizing on overflow
     -webkit-text-size-adjust: 100%;
     font-family: $font-family-monospace;
     font-size: $base-font-size;
     margin: 0;
+}
+
+// prevert wierd input overflowing 100%
+input {
+     width: 100%; 
+     box-sizing: border-box;
+     -webkit-box-sizing:border-box;
+     -moz-box-sizing: border-box;
 }
 
 .navbar-nav {
@@ -167,10 +175,3 @@     padding: $spacer;
     max-width: calc(100% - calc(2 * #{$spacer}));
   }
 }
-
-input {
-     width: 100%; 
-     box-sizing: border-box;
-     -webkit-box-sizing:border-box;
-     -moz-box-sizing: border-box;
-}