From 7efbfe2288d68f314295a7d157a9aa474edd2735 Mon Sep 17 00:00:00 2001
From: Jonathan Bobel <jbobel@flexion.us>
Date: Fri, 30 Jun 2023 11:29:52 -0400
Subject: [PATCH 1/2] Fixing the file/folder search area - adding back in the
 folder images to make it more obvious it's a folder and not a template

---
 .../uswds/_uswds-theme-custom-styles.scss     | 31 +++++++++++++++----
 app/templates/views/templates/choose.html     |  2 +-
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
index f5bbbeb15..1c9aaf739 100644
--- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
+++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
@@ -156,17 +156,36 @@ td.table-empty-message {
    box-shadow: none;
 }
 
+.template-list-item-without-ancestors a.template-list-folder:first-of-type {
+   background-image: url(../images/folder-blue-bold.svg);
+   background-size: 30px 30px;
+}
+
 .folder-heading a.folder-heading-folder,
-.folder-heading-folder,
 .template-list-folder {
-   background-image: none;
-   padding-left: 0;
-   text-indent: 0;
+   background-image: url(../images/folder-blue-bold.svg);
    &:hover {
       color: color("blue-warm-70v");
+      background-image: url(../images/folder-blue-bold.svg);
    }
 }
 
-.template-list-item-without-ancestors a.template-list-folder:first-of-type {
-   text-indent: 0;
+.folder-heading-folder {
+   background-image: url(../images/folder-black.svg);
+}
+
+.folder-heading a.folder-heading-folder-truncated {
+   background-position: 0;
+}
+
+.js-enabled .live-search {
+   display: flex;
+   margin-bottom: units(2);
+   .usa-form-group {
+      @include u-width("mobile-lg");
+   }
+   input#search {
+      width: 100%;
+      border: 1px solid color("gray-60");
+   }
 }
diff --git a/app/templates/views/templates/choose.html b/app/templates/views/templates/choose.html
index 01eb809c5..ffb055a74 100644
--- a/app/templates/views/templates/choose.html
+++ b/app/templates/views/templates/choose.html
@@ -50,7 +50,7 @@
       </div>
       {% if current_user.has_permissions('manage_templates') and current_template_folder_id and user_has_template_folder_permission %}
         <div class="govuk-grid-column-one-sixth">
-          <a href="{{ url_for('.manage_template_folder', service_id=current_service.id, template_folder_id=current_template_folder_id) }}" class="govuk-link govuk-link--no-visited-state folder-heading-manage-link">Manage<span class="usa-sr-only"> this folder</span></a>
+          <a href="{{ url_for('.manage_template_folder', service_id=current_service.id, template_folder_id=current_template_folder_id) }}" class="usa-link folder-heading-manage-link">Manage<span class="usa-sr-only"> this folder</span></a>
         </div>
       {% endif %}
     </div>

From a57cecee0d8bf1d5d3de751a085e50210b5224d1 Mon Sep 17 00:00:00 2001
From: Jonathan Bobel <jbobel@flexion.us>
Date: Fri, 30 Jun 2023 11:53:36 -0400
Subject: [PATCH 2/2] Added a file icon

---
 app/assets/sass/uswds/_uswds-theme-custom-styles.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
index 1c9aaf739..ec5d97b0f 100644
--- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
+++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
@@ -178,6 +178,12 @@ td.table-empty-message {
    background-position: 0;
 }
 
+.usa-template-list-template {
+   background: url(../img/material-icons/description.svg) no-repeat;
+   padding-left: 40px;
+   background-size: 30px 30px;
+}
+
 .js-enabled .live-search {
    display: flex;
    margin-bottom: units(2);