Wfnews 2415 (#2122)

* text and icon change for saved page on mobile * fix styling issue for 2415
bcgov · Nov 4, 2024 · ab824bf · ab824bf
1 parent e81ca72
commit ab824bf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/client/wfnews-war/src/main/angular/src/app/components/saved/saved.component.html b/client/wfnews-war/src/main/angular/src/app/components/saved/saved.component.html
@@ -13,7 +13,7 @@
         </span>
       </div>
       <div class="section-card" *ngIf="!savedLocations.length" (click)="addNewLocation()">
-          <div class="add-location-content">
+          <div class="add-location-content flex-enabled">
               <img alt="icon" class="location-icon" src="/assets/images/svg-icons/carbon_location.svg">
               <span>Add a saved location to receive notifications</span>
           </div>
@@ -112,7 +112,7 @@
           <span class="section-header">Saved Wildfires</span>
       </div>
       <div class="section-card-wildfires" *ngIf="!wildFireWatchlist.length">
-          <div class="saved-wildfires-content">
+          <div class="saved-wildfires-content flex-enabled">
                 <img alt="icon" class="location-icon" src="/assets/images/svg-icons/saved-blue-border.svg">
               <span>Save a wildfire on the map to easily find here later</span>
           </div>

diff --git a/client/wfnews-war/src/main/angular/src/app/components/saved/saved.component.scss b/client/wfnews-war/src/main/angular/src/app/components/saved/saved.component.scss
@@ -70,7 +70,6 @@
 
     .add-location-content {
       padding: 72px 26px;
-      display: flex;
 
       span {
         padding-left: 9px;
@@ -82,6 +81,10 @@
       }
     }
 
+    .flex-enabled {
+      display: flex
+    }
+
     .saved-location-content {
       @extend .add-location-content;
       width: 100%;
@@ -90,7 +93,6 @@
 
     .saved-wildfires-content {
       padding: 72px 26px;
-      display: flex;
 
       span {
         padding-left: 9px;