Update search bar styles

papyri · Dec 2, 2024 · 48f8629 · 48f8629
1 parent 50b68d6
commit 48f8629
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/pn-site/css/custom-theme/jquery-ui-dul-theme-shim.css b/pn-site/css/custom-theme/jquery-ui-dul-theme-shim.css
@@ -39,4 +39,19 @@
 
 .custom-combobox { position: relative;  display: inline-block; }
 .custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; float: right }
-.custom-combobox-input { margin: 0; padding: 5px 10px; float: left}
+.custom-combobox-input { margin: 0; padding: 5px 10px; float: left}
+
+/* Search Sidebar
+----------------------------------*/
+div.content.search {
+  .facet-widget p { display: flex }
+  .facet-widget #volume-wrapper, .facet-widget #idno-wrapper { display: block }
+  .facet-widget:last-child p { display: block }
+  .facet-widget p span.option-label, .facet-widget p label[for="SERIES"], .facet-widget p label[for="COLLECTION"] { width: 100px }
+  .facet-widget p label[for="COLLECTION"] { width: 100px }
+  .facet-widget p span.custom-combobox { flex: 1 }
+  .facet-widget p span.custom-combobox, input.custom-combobox-input { width: 100% }
+  .facet-widget.date-facet-widget { display: flex }
+  .facet-widget.date-facet-widget input.custom-combobox-input { width: auto }
+  #id-selector-wrapper input.custom-combobox-input { width: auto }
+}