From ee657bbddcf3b56c00d93f38e91290900cb616bc Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Tue, 21 Feb 2023 15:10:58 +0200
Subject: [PATCH] Add variables for paddings in modal for mobile and make
 background of tile-default important

---
 less/modal.less | 20 ++++++++++++++++++++
 less/tile.less  |  5 +++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/less/modal.less b/less/modal.less
index 56ccd46..9992582 100644
--- a/less/modal.less
+++ b/less/modal.less
@@ -4,13 +4,19 @@
 
 @modal-body-padding-horizontal: @global-medium-gutter;
 @modal-body-padding-vertical: @global-medium-gutter;
+@modal-body-padding-horizontal-mobile: @global-small-gutter;
+@modal-body-padding-vertical-mobile: @global-small-gutter;
 
 @modal-header-padding-horizontal: @global-medium-gutter;
 @modal-header-padding-vertical: @global-gutter;
+@modal-header-padding-horizontal-mobile: @global-small-gutter;
+@modal-header-padding-vertical-mobile: @global-small-gutter;
 @modal-header-background: @global-background;
 
 @modal-footer-padding-horizontal: @global-medium-gutter;
 @modal-footer-padding-vertical: @global-medium-gutter;
+@modal-footer-padding-horizontal-mobile: @global-small-gutter;
+@modal-footer-padding-vertical-mobile: @global-small-gutter;
 @modal-footer-background: @global-background;
 @modal-footer-border-width: @global-border-width;
 @modal-footer-border: @global-border;
@@ -35,6 +41,20 @@
 }
 
 .hook-modal-misc() {
+  @media (max-width: @breakpoint-small-max) {
+    .uk-modal-body {
+      padding: @modal-body-padding-vertical-mobile @modal-body-padding-horizontal-mobile;
+    }
+
+    .uk-modal-header {
+      padding: @modal-header-padding-vertical-mobile @modal-header-padding-horizontal-mobile;
+    }
+
+    .uk-modal-footer {
+      padding: @modal-footer-padding-vertical-mobile @modal-footer-padding-horizontal-mobile;
+    }
+  }
+
   .uk-modal, uk-dropdown {
 
     .uk-button, uk-icon-button {
diff --git a/less/tile.less b/less/tile.less
index 055f1c4..29059e7 100644
--- a/less/tile.less
+++ b/less/tile.less
@@ -1,5 +1,6 @@
-@tile-default-background: @global-inverse-color;
+@tile-default-background-color: @global-inverse-color;
+@tile-default-background: @tile-default-background-color !important;
 
 .hook-tile-default() {
-  .set-blur-background(@tile-default-background, 50%) !important;
+  .set-blur-background(@tile-default-background-color, 50%) !important;
 }