From 602c506452a7cb3f44f6713d250096f8ca220ecc Mon Sep 17 00:00:00 2001
From: Jared Bell <jared@jaredbell.com>
Date: Wed, 4 Jan 2023 22:17:13 -0700
Subject: [PATCH] Cleanup artifact search styles

* Fill in entire header black
* Adjust padding
* Adjust font sizes for date range picker
---
 .../artifact/artifact_search/artifact_search_screen.dart   | 7 +++----
 .../time_range_selector/expanding_time_range_selector.dart | 4 ++--
 .../artifact/artifact_search/widgets/_search_input.dart    | 2 +-
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/lib/ui/screens/artifact/artifact_search/artifact_search_screen.dart b/lib/ui/screens/artifact/artifact_search/artifact_search_screen.dart
index 8ea4eb58..e5db28bb 100644
--- a/lib/ui/screens/artifact/artifact_search/artifact_search_screen.dart
+++ b/lib/ui/screens/artifact/artifact_search/artifact_search_screen.dart
@@ -86,12 +86,11 @@ class _ArtifactSearchScreenState extends State<ArtifactSearchScreen> with GetItS
         crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
           AppHeader(title: $strings.artifactsSearchTitleBrowse, subtitle: wonder.title),
-          Gap($styles.insets.xs),
-          Padding(
-            padding: EdgeInsets.symmetric(horizontal: $styles.insets.sm),
+          Container(
+            color: $styles.colors.black,
+            padding: EdgeInsets.fromLTRB($styles.insets.sm, $styles.insets.sm, $styles.insets.sm, 0),
             child: _SearchInput(onSubmit: _handleSearchSubmitted, wonder: wonder),
           ),
-          Gap($styles.insets.sm),
           Container(
             color: $styles.colors.black,
             padding: EdgeInsets.all($styles.insets.xs * 1.5),
diff --git a/lib/ui/screens/artifact/artifact_search/time_range_selector/expanding_time_range_selector.dart b/lib/ui/screens/artifact/artifact_search/time_range_selector/expanding_time_range_selector.dart
index 45f06db7..4e097d9d 100644
--- a/lib/ui/screens/artifact/artifact_search/time_range_selector/expanding_time_range_selector.dart
+++ b/lib/ui/screens/artifact/artifact_search/time_range_selector/expanding_time_range_selector.dart
@@ -109,7 +109,7 @@ class _ClosedTimeRange extends StatelessWidget {
       padding: EdgeInsets.symmetric(vertical: $styles.insets.xs),
       child: Row(
         children: [
-          Text(text, style: $styles.text.titleFont.copyWith(color: $styles.colors.offWhite)),
+          Text(text, style: $styles.text.title2.copyWith(color: $styles.colors.offWhite)),
           Gap($styles.insets.xs),
           Icon(Icons.edit_calendar_outlined, color: $styles.colors.accent1, size: $styles.insets.md),
         ],
@@ -170,7 +170,7 @@ class _OpenedTimeRange extends StatelessWidget {
     double safeBottom = max($styles.insets.sm, MediaQuery.of(context).padding.bottom);
     List<Widget> timelineGrid = List.generate(5, (_) => Container(width: 1, color: $styles.colors.black));
 
-    final headingTextStyle = $styles.text.title1.copyWith(color: $styles.colors.offWhite, fontSize: 18 * $styles.scale);
+    final headingTextStyle = $styles.text.title1.copyWith(color: $styles.colors.offWhite, fontSize: 20 * $styles.scale);
     final captionTextStyle = $styles.text.bodySmall.copyWith(color: $styles.colors.greyMedium);
 
     final startYr = startYear.round(), endYr = endYear.round();
diff --git a/lib/ui/screens/artifact/artifact_search/widgets/_search_input.dart b/lib/ui/screens/artifact/artifact_search/widgets/_search_input.dart
index fe77c687..5ea28b35 100644
--- a/lib/ui/screens/artifact/artifact_search/widgets/_search_input.dart
+++ b/lib/ui/screens/artifact/artifact_search/widgets/_search_input.dart
@@ -154,7 +154,7 @@ class _SearchInput extends StatelessWidget {
                   color: $styles.colors.white,
                   icon: AppIcons.close,
                   semanticLabel: $strings.searchInputSemanticClear,
-                  size: $styles.insets.lg,
+                  size: $styles.insets.md,
                   iconSize: $styles.insets.sm,
                   onPressed: () {
                     textController.clear();