Update transaction details sidebar responsiveness for landscape mode.

views/dashboardPage/sidebars.css

@@ -829,6 +829,11 @@ NEW TRANSACTION
                 display: none;
             }
 
+            /* TRANSACTION DETAILS */
+            #transactionRecipesLabel, .transactionRecipes, #transactionDetails .lineBorder{
+                display: none;
+            }
+
         @media screen and (min-width: 1000px){
             .menuLogo{
                 max-height: initial;
@@ -857,6 +862,12 @@ NEW TRANSACTION
                 display: flex;
                 flex-direction: column;
             }
+
+            /* TRANSACTION DETAILS */
+            #transactionRecipesLabel, .transactionRecipes, #transactionDetails .lineBorder{
+                display: flex;
+                flex-direction: column;
+            }
         }
     }
 }

views/dashboardPage/sidebars/transactionDetails.ejs

@@ -21,7 +21,7 @@
 
     <div class="lineBorder"></div>
 
-    <h3>RECIPES</h3>
+    <h3 id="transactionRecipesLabel">RECIPES</h3>
     <div id="transactionRecipes" class="transactionRecipes"></div>
 
     <div class="lineBorder"></div>