ui code review and edited

app/assets/stylesheets/origami.scss

@@ -11,10 +11,38 @@
 //   min-height: 75rem;
 //   padding-top: 4.5rem;
 // }
+
+/* Reset */
+.table {
+	margin-bottom: 0px;
+}
+
+select.form-control {
+  height: inherit !important;
+}
+
+.form-horizontal .form-group {
+	margin-right: 0px !important;
+}
+
 .card-columns {
 	font-size: 18px !important;
 }
 
+/* End Reset */
+
+.dining {
+	min-height:470px;
+	max-height:570px; 
+	overflow:auto
+}
+
+.order-info {
+	min-height:300px; 
+	max-height:500px; 
+	overflow:auto
+}
+
 .others-payment{
 	line-height:100px;
 	text-align:center;
@@ -62,6 +90,10 @@
 	margin-top:5px;
 }
 
+.font-12 {
+	font-size: 12px;
+}
+
 .cash-color{
 	background-color:#80CBC4;
 }
@@ -84,6 +116,12 @@
 	margin-bottom: 5px;
 }
 
+.radius-btn {
+	border-radius:5px;
+	color:#fff;
+	background-color:red;
+}
+
 .bottom-5 {
 	margin-bottom: 5px;
 }
@@ -186,16 +224,6 @@
 	margin-bottom: 1px;
 }
 
-/*----- Reset -----*/
-
-select.form-control {
-  height: inherit !important;
-}
-
-.form-horizontal .form-group {
-	margin-right: 0px !important;
-}
-
 /*  Discount */
 
 .discount-item-row {
@@ -248,7 +276,6 @@ tr.discount-item-row:hover {
 /*Loading gif for payment*/
 
 #loading_wrapper{
-
     position: fixed;
     background-color: #C8C8C8 ;
     height: 100%;
@@ -258,6 +285,7 @@ tr.discount-item-row:hover {
     top: 0;
     z-index: 9999999;
 }
+
 #loading{
     position: relative;
     height: 100%;