refactor: adjust form.olform.less for responsive padding, label width, and input sizing

Author: akramcodez

static/css/components/form.olform.less

@@ -237,36 +237,40 @@
       width: 100%;
       select {
         width: 130px;
-
-        @media (pointer: coarse) {
-          padding: 8px 3px;
-          min-height: 44px;
-        }
       }
+    }
 
-      .label {
-        width: 90%;
-      }
+    .label {
+      width: 90%;
+    }
 
-      table {
-        input {
-          width: 300px;
-        }
+    table {
+      input {
+        width: 300px;
       }
-      &.books {
-        .TitleAuthor {
-          // stylelint-disable-next-line max-nesting-depth
-          input#work-title {
-            width: 900px !important;
-          }
-
-          // stylelint-disable-next-line max-nesting-depth
-          input#author {
-            width: 550px !important;
-          }
+    }
+    
+    &.books {
+      .TitleAuthor {
+        // stylelint-disable-next-line max-nesting-depth
+        input#work-title {
+          width: 900px !important;
+        }
+
+        // stylelint-disable-next-line max-nesting-depth
+        input#author {
+          width: 550px !important;
         }
       }
     }
-    /* stylelint-enable selector-max-specificity */
+  }
+  /* stylelint-enable selector-max-specificity */
+}
+
+/* Touch-friendly select styling for mobile dropdown consistency - Issue #11182 */
+@media (pointer: coarse) {
+  .olform .input select {
+    padding: 8px 3px;
+    min-height: 44px;
   }
 }