Tidy up title bar

Webreaper · Mar 10, 2024 · 8a74541 · 8a74541
1 parent 0e4a428
commit 8a74541
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 12 deletions.
diff --git a/Damselfly.Web.Client/Pages/PeoplePage.razor b/Damselfly.Web.Client/Pages/PeoplePage.razor
@@ -6,25 +6,19 @@
 @inject ViewDataService ViewDataService
 
 <div class="damselfly-exportview">
-    <div class="damselfly-pagetitlebar">
-        <NavBack/>
-        <h4 class="damselfly-imagetitle">
-            Faces &amp; Names
-        </h4>
-    </div>
-
-    <div class="damselfly-dialogrow">
-        <div class="damselfly-dialogctrl">
+    <div class="title-bar">
+        <div class="title-section">
+            <NavBack/>
             <MudButton @onclick="@ClearFaceThumbs">Refresh Thumbs</MudButton>
         </div>
-        <div class="damselfly-dialogctrl">
+        <div class="title-section">
             <MudRadioGroup @bind-SelectedOption="identifiedType">
                 <MudRadio Option="@FilterType.All" Color="Color.Primary">All</MudRadio>
                 <MudRadio Option="@FilterType.Unidentified" Color="Color.Primary">Unidentified</MudRadio>
                 <MudRadio Option="@FilterType.Identified" Color="Color.Primary">Identified</MudRadio>
             </MudRadioGroup>
         </div>
-        <div class="damselfly-dialogctrl">
+        <div class="title-section">
             <ConflatedTextBox IconClass="fa-search" id="searchBox" placeholder="Search" OnValueChanged="@DoSearch" TextValue="@searchText"/>
         </div>
     </div>

diff --git a/Damselfly.Web.Client/Pages/PeoplePage.razor.css b/Damselfly.Web.Client/Pages/PeoplePage.razor.css
@@ -0,0 +1,12 @@
+.title-bar {
+    display: flex;
+    flex-direction: row;
+    column-gap: 15px;
+    justify-content: space-between;
+}
+.title-section {
+    display: flex;
+    flex-direction: row;
+    column-gap: 20px;
+    align-items: center;
+}
diff --git a/Damselfly.Web.Client/Pages/TagPage.razor b/Damselfly.Web.Client/Pages/TagPage.razor
@@ -16,6 +16,8 @@
         <MudTable Items="@Tags" FixedHeader="true" RowsPerPage="20" Virtualize="true" Dense="true" Hover="true" Bordered="false" Striped="true"
                   Filter="new Func<Tag, bool>(FilterFunc)" @bind-SelectedItem="selectedTag">
             <ToolBarContent>
+                <NavBack/>
+                <MudSpacer/>
                 <MudText Typo="Typo.h6">Keyword Tags</MudText>
                 <MudSpacer/>
                 <ConflatedTextBox IconClass="fa-search" id="searchBox" placeholder="Search" OnValueChanged="@DoSearch" TextValue="@searchText"/>

diff --git a/Damselfly.Web.Client/wwwroot/version.js b/Damselfly.Web.Client/wwwroot/version.js
@@ -1 +1 @@
-const CACHE_VERSION='4.1.0-20240309175326'
+const CACHE_VERSION='4.1.0-20240310210419'
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		const CACHE_VERSION='4.1.0-20240309175326'
		const CACHE_VERSION='4.1.0-20240310210419'