From d18e0a7e43e5ab74649481ecbf352ba49893c66f Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Mon, 21 Aug 2023 13:59:20 +0300
Subject: [PATCH] [Library & common-assets | develop]: Minor updates in mobile
 screens in icons/ paddings in landing pages. 1. resultLanding.component.html
 & project.component.html & dataProvider.component.html &
 organization.component.html: In mobile (small) screens, change ratio of icons
 in bottom action bar from 2 to 1.4. 2. showIdentifiers.component.ts: In
 mobile (small) screens, added in fs-modal classTitle="uk-tile-default
 uk-border-bottom". 3. landing.less: Added variable
 @landing-action-bar-mobile-border: @global-border; to use it in border-top of
 landing-action-bar-mobile > div | Changed padding of
 landing-action-bar-mobile > div to 8px in top and bottom.

---
 less/landing.less | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/less/landing.less b/less/landing.less
index f52031a..3d8cfd3 100644
--- a/less/landing.less
+++ b/less/landing.less
@@ -57,6 +57,8 @@
 @landing-metrics-background-color: @global-secondary-background;
 @landing-metrics-background-svg: '<svg id="Layer_1-2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="326" height="155.391" viewBox="0 0 326 155.391">  <defs>    <clipPath id="clip-path">      <rect id="Rectangle_17830" data-name="Rectangle 17830" width="326" height="155.39" fill="none"/>    </clipPath>  </defs>  <g id="Group_15222" data-name="Group 15222">    <rect id="Rectangle_17829" data-name="Rectangle 17829" width="326" height="155.39" rx="15" fill="@landing-metrics-background-color"/>    <g id="Group_15221" data-name="Group 15221" clip-path="url(#clip-path)">      <circle id="Ellipse_868" data-name="Ellipse 868" cx="181.05" cy="181.05" r="181.05" transform="translate(-129.306 -88.381)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/>      <circle id="Ellipse_869" data-name="Ellipse 869" cx="204.367" cy="204.367" r="204.367" transform="translate(-153.59 -135.71)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1" opacity="0.72"/>      <circle id="Ellipse_870" data-name="Ellipse 870" cx="181.05" cy="181.05" r="181.05" transform="translate(-82.804 -115.955)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.75" opacity="0.72"/>      <circle id="Ellipse_871" data-name="Ellipse 871" cx="181.05" cy="181.05" r="181.05" transform="translate(-56.26 -128.15)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.5" opacity="0.72"/>      <path id="Path_119069" data-name="Path 119069" d="M-38.064-5.565a180.54,180.54,0,0,1,.745-69.415C-17.165-172.917,78.573-235.972,176.51-215.819S337.5-99.927,317.348-1.99,201.456,159,103.52,138.848A180.614,180.614,0,0,1-17.462,50.859" transform="translate(15.132 80.898)" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="0.25" opacity="0.72"/>    </g>  </g></svg>';
 
+@landing-action-bar-mobile-border: @global-border;
+
 .landing {
   #landing-center-content {
     min-height: @landing-sidebar-height;
@@ -198,8 +200,8 @@
     z-index: @global-z-index - 20;
 
     & > div {
-      padding: 10px 20px;
-      border-top: @landing-action-bar-border-width solid lightgrey;
+      padding: 8px 20px;
+      border-top: @landing-action-bar-border-width solid @landing-action-bar-mobile-border;
     }
   }