Update transaction filter sidebar responsiveness for landscape mode.

views/dashboardPage/sidebars.css

@@ -834,6 +834,23 @@ NEW TRANSACTION
                 display: none;
             }
 
+            /* FILTER TRANSACTIONS */
+            #transactionFilter > *{
+                margin: 0;
+            }
+
+            #transactionFilterDateLabel{
+                display: none;
+            }
+
+            #transactionFilter .dateRange{
+                margin-bottom: 5px;
+            }
+
+            #transFilterSubmit{
+                margin-top: 5px;
+            }
+
         @media screen and (min-width: 1000px){
             .menuLogo{
                 max-height: initial;
@@ -868,6 +885,11 @@ NEW TRANSACTION
                 display: flex;
                 flex-direction: column;
             }
+
+            /* TRANSACTION FILTER */
+            #transFilterRecipeList{
+                max-height: 70%;
+            }
         }
     }
 }

views/dashboardPage/sidebars/transactionFilter.ejs

@@ -11,7 +11,7 @@
     <h1>FILTER TRANSACTIONS</h1>
 
     <div class="dateRange">
-        <h3>Date Range:</h3>
+        <h3 id="transactionFilterDateLabel">Date Range:</h3>
         <div class="dateRangeInput">
             <input id="transFilterDateStart" type="date">
             <p> - </p>