[#181] mobile layout: set heights of all components to make up 100vh

src/web/stylesheets/components/_operation.css

@@ -317,21 +317,6 @@ input.toggle-string {
     background-color: var(--disabled-border-colour) !important;
 }
 
-/*@TODO: move below block elsewhere, think of a better name*/
-/* Mobile UI for the dropdown operations search */
-.dropdown-operations {
-    position: relative;
-}
-
-#reset-operations.hidden,
-#search-results.hidden,
-#categories.hidden {
-    z-index: -10;
-    display: none;
-}
-/* end mobile UI for the dropdown operations search */
-
-
 
 
 

src/web/stylesheets/components/_recipe.css

@@ -11,7 +11,7 @@
 }
 
 #rec-list {
-    overflow-y: scroll;
+    overflow-y: auto;
 }
 
 #rec-list .operation {

src/web/stylesheets/components/operations/_operations.css

@@ -0,0 +1,14 @@
+/**
+ * Operations component styles
+ */
+
+.operations-wrapper {
+    position: relative;
+}
+
+#reset-operations.hidden,
+#search-results.hidden,
+#categories.hidden {
+    z-index: -10;
+    display: none;
+}

src/web/stylesheets/components/operations/_search.css

@@ -1,3 +1,7 @@
+/**
+ * Operations - Search component and search-results list
+ */
+
 #search {
     padding-left: 10px;
     padding-right: 10px;