modify foodcourt addorder UI

app/assets/stylesheets/origami.scss

@@ -30,7 +30,8 @@
 }
 
 section.content {
-  margin: 70px 5px 0 225px;
+  margin: 0 5px 0 5px;
+  padding: 64px 0 0 0;
 }
 
 .table {

app/assets/stylesheets/reset.css

@@ -1,3 +1,22 @@
+html, body {
+  height: 100%;
+}
+
+.content {
+  height: 100%;
+}
+
+.slimScrollDiv {
+  flex: 1 1 0!important;
+}
+
+.flex-grow-1 {
+  flex-grow: 1 !important;
+}
+.flex-1 {
+  flex: 1 !important;  
+}
+
 .material-icons {
   font-family: 'Material Icons';
   font-weight: normal;
@@ -93,7 +112,8 @@
 }
 
 section.content {
-  margin: 70px 15px 0 225px;
+  margin: 0 5px 0 5px;
+  padding: 64px 0 0 0;
 }
 
 .sidebar {
@@ -123,7 +143,7 @@ section.content {
 .card .body {
   font-size: 14px;
   color: #555;
-  padding: 10px; 
+  padding: 10px;
 }
 
 .card .card-header {
@@ -150,15 +170,15 @@ section.content {
 }
 
 .checkbox label input[type=checkbox], label.checkbox-inline input[type=checkbox] {
-  position: relative; 
-  left: 0; 
-  z-index: -1; 
-  width: 13px; 
-  height: 13px; 
+  position: relative;
+  left: 0;
+  z-index: -1;
+  width: 13px;
+  height: 13px;
   margin: 5px 5px 0 0;
   overflow: hidden;
   pointer-events: none;
-  opacity: 1; 
+  opacity: 1;
 }
 
 
@@ -178,8 +198,8 @@ section.content {
 }
 .btn:not(.btn-link):not(.btn-circle) span {
   position: relative;
-  top: 0px; 
-  margin-left: 0px; 
+  top: 0px;
+  margin-left: 0px;
 }
 .nav {
     padding-left: 0;
@@ -199,7 +219,7 @@ section.content {
 }
 
 .nav-tabs li a.active {
-  color: #000 !important; 
+  color: #000 !important;
    border-bottom: 2px solid #2196F3 !important;
 }
 
@@ -330,4 +350,4 @@ div.online-order-margin > div > span {
 }*/
 /* order-no color */
 
-/* *************************************************** */
+/* *************************************************** */