Responsive UI Improvements across the board

app/less/modal.less

@@ -16,10 +16,20 @@
   left:50%; top:50%;
   transform:translate(-50%,-50%);
   -webkit-transform:translate(-50%,-50%);
-  max-width: 75%;
-  padding: 3em;
+  width: 75%;
+  max-width: 1000px;
+  max-height: 100%;
+  padding: 2em;
   background-color: @bgBlack;
+  box-sizing: border-box;
   border: 1px solid @primary;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+
+  .smallTablet({
+    padding: 1em;
+    width: 100%;
+  });
 
   h1 {
     margin: 0.2em 0;
@@ -29,7 +39,6 @@
     margin: 0;
   }
   p {
-    min-width: 30em;
     text-align: justify;
   }
 }
@@ -42,8 +51,8 @@ textarea {
 
   &.json {
     display:block;
-    width:50em;
-    height: 25em;
+    width:100%;
+    min-height: 10em;
     resize: vertical;
     margin:2em 0;
   }