cerrado @ 2e4b2fb52a539188b27212005d626f0849e78196

ref: Organize those block a bit better

Those are some weird configuration to fix some edge cases.
 1diff --git a/scss/main.scss b/scss/main.scss
 2index 21701f5408920e4d33ab77f61ccd496064469e36..b25af7b4fa7bfb2f6a5d4affddc5f0624ef00ec2 100644
 3--- a/scss/main.scss
 4+++ b/scss/main.scss
 5@@ -90,12 +90,20 @@ );
 6 
 7 @import "bootstrap/scss/utilities/_api.scss";
 8 
 9+// prevents wierd font resizing on overflow
10 body {
11-    // prevents wierd font resizing on overflow
12     -webkit-text-size-adjust: 100%;
13     font-family: $font-family-monospace;
14     font-size: $base-font-size;
15     margin: 0;
16+}
17+
18+// prevert wierd input overflowing 100%
19+input {
20+     width: 100%; 
21+     box-sizing: border-box;
22+     -webkit-box-sizing:border-box;
23+     -moz-box-sizing: border-box;
24 }
25 
26 .navbar-nav {
27@@ -167,10 +175,3 @@     padding: $spacer;
28     max-width: calc(100% - calc(2 * #{$spacer}));
29   }
30 }
31-
32-input {
33-     width: 100%; 
34-     box-sizing: border-box;
35-     -webkit-box-sizing:border-box;
36-     -moz-box-sizing: border-box;
37-}