Fix search content fit (#398)

paulscherrerinstitute · Aug 27, 2024 · 35f2fca · 35f2fca
1 parent 03587be
commit 35f2fca
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/scilog/src/app/logbook/core/search-window/search-window.component.css b/scilog/src/app/logbook/core/search-window/search-window.component.css
@@ -5,7 +5,7 @@
 }
 
 .searchInput {
-    flex: 1 1 auto;
+    display: contents;
     color: var(--toolbar-text-color);
 }
 
@@ -63,3 +63,7 @@
     filter: brightness(0.5);
     margin-inline-end: 5px;
 }
+
+.searchConfigField {
+    width: 50px!important;
+}
diff --git a/scilog/src/app/logbook/core/search-window/search-window.component.html b/scilog/src/app/logbook/core/search-window/search-window.component.html
@@ -1,13 +1,15 @@
 <div class='windowContainer'>
     <mat-toolbar class='searchBarTop'>
         <span class="searchInput">
-            <mat-form-field class="search-form-field" floatLabel="never">
+            <mat-form-field *ngIf="searchStringFromConfig" class="searchConfigField" floatLabel="never">
+                <input matInput class="searchConfig" 
+                    [ngModel]="searchStringFromConfig" disabled="true" 
+                    matTooltip="Remove from widget preferences">
+            </mat-form-field>
+            <mat-form-field floatLabel="never">
                 <mat-label>
                     Search <mat-icon>search</mat-icon>
                 </mat-label>
-                <input *ngIf="searchStringFromConfig" matInput class="searchConfig" 
-                    [ngModel]="searchStringFromConfig" disabled="true" 
-                    matTooltip="Remove from widget preferences">
                 <input #searchSnippets matInput type="text" [(ngModel)]="searchString">
             </mat-form-field>
         </span>