From 676b945a8f9c8a2eaba60dbe632b965eb8bfd864 Mon Sep 17 00:00:00 2001
From: Adam Kariv <adam.kariv@gmail.com>
Date: Sat, 14 Oct 2023 16:48:28 +0300
Subject: [PATCH] fe fixes for emergency

---
 .../src/app/homepage/homepage.component.html  |  2 +-
 .../src/app/homepage/homepage.component.less  | 44 +++++++++----------
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/projects/srm/src/app/homepage/homepage.component.html b/projects/srm/src/app/homepage/homepage.component.html
index 689c89ab..6180127f 100644
--- a/projects/srm/src/app/homepage/homepage.component.html
+++ b/projects/srm/src/app/homepage/homepage.component.html
@@ -43,7 +43,7 @@ <h1 class='tagline'>
         </div>
         <div class='examples-block hide-while-searching'>
             <div class='emergencies hide-while-searching'>
-                <span class='explain'>ניתן לאתר שירותים למצב חירום המלחמתי כמו:</span>
+                <span class='explain'>ניתן לאתר שירותים <a (activated)='startSearch("שירותים למצב החירום", true)' clickOnReturn>למצב חירום המלחמתי</a> כמו:</span>
                 <div class='list'>
                     <a *ngFor='let emergency of emergencies' (activated)='startSearch(emergency.title, true)' clickOnReturn>{{emergency.title}}</a>
                 </div>
diff --git a/projects/srm/src/app/homepage/homepage.component.less b/projects/srm/src/app/homepage/homepage.component.less
index 8a3b544a..82cc9772 100644
--- a/projects/srm/src/app/homepage/homepage.component.less
+++ b/projects/srm/src/app/homepage/homepage.component.less
@@ -256,38 +256,36 @@
                     gap: 8px;
                     margin-right: -4px;
 
-                    .mobile({
-                        justify-content: center;
-                    });
+                    // .mobile({
+                    //     justify-content: center;
+                    // });
                     .desktop({
                         justify-content: flex-start;
                     });
-                    a {
-                        color: @color-blue-1;
-                        .font-rag-sans;
-                        display: inline-block;
-                        font-size: 16px;
-                        font-weight: 300;
-                        line-height: 20px;
-                        padding: 0px 4px;
-                        border-radius: 4px;
-                        background: rgba(31, 55, 246, 0.10);   
-                        white-space: nowrap;
-                        cursor: pointer;
-                        pointer-events: all;            
-                    }
+                }
+                a {
+                    color: @color-blue-1;
+                    .font-rag-sans;
+                    display: inline-block;
+                    font-size: 16px;
+                    font-weight: 300;
+                    line-height: 20px;
+                    padding: 0px 4px;
+                    border-radius: 4px;
+                    background: rgba(31, 55, 246, 0.10);   
+                    white-space: nowrap;
+                    cursor: pointer;
+                    pointer-events: all;            
                 }
             }
             .emergencies {
                 .explain {
                     font-weight: 600;
                 }
-                .list {
-                    a {
-                        color: #9B0000;
-                        font-weight: 600;
-                        background: rgba(253, 202, 72, 0.30);
-                    }
+                a {
+                    color: #9B0000;
+                    font-weight: 600;
+                    background: rgba(253, 202, 72, 0.30);
                 }
             }
         }