Update orders strand responsiveness for portrait mode.

views/dashboardPage/dashboard.css

@@ -609,6 +609,10 @@ Modal
             background:rgb(0, 27, 45);
         }
 
+        .button{
+            padding: 3px 0;
+        }
+
         .mobileMenuSelector{
             color:rgb(240, 252, 255);
             z-index: 10;
@@ -728,6 +732,19 @@ Modal
                 display: none;
             }
 
+        /* ORDERS */
+        #ordersStrand .strandHead{
+            justify-content: center;
+        }
+
+        #orderList{
+            width: 90%;
+        }
+
+        #orderList > div p:nth-child(2){
+            display: none;
+        }
+
         @media screen and (min-width: 601px){
             .strandTitle{
                 font-size: 40px;
@@ -747,6 +764,11 @@ Modal
             #recipeList{
                 width: 75%;
             }
+
+            /* ORDERS */
+            #ordersStrand .strandHead{
+                margin-top: 25px;
+            }
         }
     }
 }

views/dashboardPage/dashboard.ejs

@@ -374,11 +374,11 @@
                     <h1 class="strandTitle">ORDERS</h1>
 
                     <div class="buttonBox">
-                        <button id="orderFilterBtn" class="button mobileHide">FILTER</button>
+                        <button id="orderFilterBtn" class="button">FILTER</button>
 
                         <button id="newOrderBtn" class="button mobileHide">NEW</button>
 
-                        <button id="orderCalcBtn" class="button mobileHide">CALCULATOR</button>
+                        <button id="orderCalcBtn" class="button">CALCULATOR</button>
                     </div>
                 </div>