fixes kolzchut/srm#687

kolzchut · Jan 21, 2024 · c6cb2db · c6cb2db
1 parent f715500
commit c6cb2db
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/projects/srm/src/app/card/card.component.html b/projects/srm/src/app/card/card.component.html
@@ -6,12 +6,6 @@ <h1 class='name'>{{card.service_name}}</h1>
             <br/><a [href]='implementingLink()' target='_blank'>למידע נוסף על השירות</a>
         </span>
     </div>
-    <div class='non-official-warning' *ngIf='nonOfficial'>
-        <span>
-            <strong>שימו לב:</strong><br/>
-            <span>השירות אינו מופעל ע״י רשות ציבורית או עמותה רשומה</span>
-        </span>
-    </div>
     <div class='responses'>
         <h2>מהות השירות:</h2>
         <div class='list'>
@@ -60,6 +54,12 @@ <h2>השירות ניתן ע״י:</h2>
             </div>
         </div>
     </div>
+    <div class='non-official-warning' *ngIf='nonOfficial'>
+        <span>
+            <strong>שימו לב:</strong><br/>
+            <span>השירות אינו מופעל ע״י רשות ציבורית או עמותה רשומה</span>
+        </span>
+    </div>
     <div class='data-sources'>
         <ng-container *ngFor='let data_source of dataSources'>
             <span class='data-source' [innerHtml]='data_source'></span>

diff --git a/projects/srm/src/app/card/card.component.less b/projects/srm/src/app/card/card.component.less
@@ -22,7 +22,7 @@
 
         display: flex;
         flex-flow: column;
-        gap: 8px;
+        gap: 16px;
 
         color: @color-gray-1;
         .font-rag-sans;
@@ -32,7 +32,7 @@
             margin: 0;
             font-weight: 600;
             font-size: 24px;
-            line-height: 32px;
+            line-height: 28px;
             margin-bottom: -16px;
         }
 
@@ -43,7 +43,7 @@
             line-height: 21px;
             color: @color-gray-2;
             margin: 0;
-            margin-top: 24px;
+            margin-top: 8px;
             margin-bottom: 8px;
         }
 
@@ -116,6 +116,9 @@
         }
 
         .responses, .situations {
+            display: flex;
+            flex-flow: column;
+            gap: 4px;
             .list {
                 display: flex;
                 flex-flow: row wrap;

diff --git a/projects/srm/src/app/situation/situation.component.ts b/projects/srm/src/app/situation/situation.component.ts
@@ -24,7 +24,7 @@ export class SituationComponent implements OnInit {
   }
 
   get smaller() {
-    return this.small || this.layout.mobile();
+    return this.small || (!this.link && this.layout.mobile());
   }
 
   onClick() {