[concepts] fix styles

cgwire · Dec 18, 2023 · 5141b8f · 5141b8f
1 parent bd3350a
commit 5141b8f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/components/tops/ActionPanel.vue b/src/components/tops/ActionPanel.vue
@@ -737,7 +737,7 @@
         <h2 class="subtitle">
           {{ $t('breakdown.all_assets') }}
         </h2>
-        <div class="filters-area flexrow mb2">
+        <div class="flexrow mb2">
           <search-field
             ref="entity-search-field"
             @change="onEntitySearchChange"

diff --git a/src/components/widgets/PeopleField.vue b/src/components/widgets/PeopleField.vue
@@ -173,7 +173,7 @@ export default {
 }
 
 .v-autocomplete {
-  z-index: 2000;
+  z-index: 205; // +1 relative to the z-index of c-mask
   position: relative;
 }
 

diff --git a/src/components/widgets/SearchField.vue b/src/components/widgets/SearchField.vue
@@ -130,10 +130,11 @@ export default {
 
 .search-field {
   margin-right: 0.2em;
+  width: 100%;
 }
 
 .search-input {
-  width: 300px;
+  width: 100%;
   background: inherit;
   color: var(--text);
 }
@@ -168,6 +169,8 @@ export default {
 }
 
 .search-field-wrapper {
+  max-width: 420px;
+  width: 100%;
   border: 1px solid #ddd;
   border-radius: 2em;
   padding: 0.2em 1em;