From 35f2fcac547e33007b2529ba7556b44018d8e376 Mon Sep 17 00:00:00 2001
From: Carlo Minotti <50220438+minottic@users.noreply.github.com>
Date: Tue, 27 Aug 2024 15:09:53 +0200
Subject: [PATCH] Fix search content fit (#398)

---
 .../core/search-window/search-window.component.css     |  6 +++++-
 .../core/search-window/search-window.component.html    | 10 ++++++----
 2 files changed, 11 insertions(+), 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
index 9aa96066..24d38ad7 100644
--- 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
index ae6a9851..0dd2d21d 100644
--- 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>