set search field width to 100 percent

Infocaster · Jan 1, 2025 · b3bcced · b3bcced
1 parent ba893da
commit b3bcced
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 16 deletions.
diff --git a/...ocaster.Umbraco.IcomoonPicker/App_plugins/Infocaster.Umbraco.IcomoonPicker/script.iife.js b/...ocaster.Umbraco.IcomoonPicker/App_plugins/Infocaster.Umbraco.IcomoonPicker/script.iife.js
diff --git a/...ter.Umbraco.IcomoonPicker/App_plugins/Infocaster.Umbraco.IcomoonPicker/script.iife.js.map b/...ter.Umbraco.IcomoonPicker/App_plugins/Infocaster.Umbraco.IcomoonPicker/script.iife.js.map
diff --git a/src/Infocaster.Umbraco.IcomoonPicker/frontend/src/views/panel/components/content.lit.ts b/src/Infocaster.Umbraco.IcomoonPicker/frontend/src/views/panel/components/content.lit.ts
@@ -141,22 +141,23 @@ export class IcomoonPickerContent extends LitElement {
     }
 
     .search-input {
-      padding: 10px 12px; /* Adjust inner padding */
-      font-size: 16px; /* Consistent font size */
-      line-height: 1.5; /* Align text and placeholder vertically */
+      padding: 10px 12px;
+      font-size: 16px;
+      line-height: 1.5;
       border: 1px solid #ccc;
       border-radius: 4px;
       outline: none;
       transition: border-color 0.3s;
       align-items: center;
+      width: 100%;
       margin-bottom: 1rem;
-      box-sizing: border-box; /* Ensures padding doesn't overflow */
+      box-sizing: border-box;
     }
 
     .search-input::placeholder {
-      color: #aaa; /* Placeholder color for subtle appearance */
-      font-style: italic; /* Optional styling */
-      vertical-align: middle; /* Aligns placeholder text */
+      color: #aaa;
+      font-style: italic;
+      vertical-align: middle;
     }
 
     .search-input:focus {