From 30878734fefc945f14a5dde723eeb8828f4c2a1d Mon Sep 17 00:00:00 2001
From: Pekka Helesuo <pekka.helesuo@siili.com>
Date: Tue, 26 Nov 2024 14:24:48 +0200
Subject: [PATCH] change padding to margin

---
 .../scss/announcementsplugin.ol.scss          | 68 +++++++++----------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/bundles/framework/announcements/resources/scss/announcementsplugin.ol.scss b/bundles/framework/announcements/resources/scss/announcementsplugin.ol.scss
index e39ff75fe4..e4e7622c22 100644
--- a/bundles/framework/announcements/resources/scss/announcementsplugin.ol.scss
+++ b/bundles/framework/announcements/resources/scss/announcementsplugin.ol.scss
@@ -26,7 +26,7 @@ div.announcements-content {
 }
 
 div.mapplugin.announcements {
-    padding: 10px 10px 0 10px;
+    margin: 10px 10px 0 10px;
     clear:both;
     height: 37px;
     overflow: visible;
@@ -38,21 +38,21 @@ div.mapplugin.announcements {
     div.content {
       background-color: white;
       max-height: 95%;
-  
+
       div.announcements-content {
         overflow: hidden;
         width:100%;
         background-color: #fff;
-  
+
       }
-  
+
       &.mobile {
         position:fixed;
         top:36px;
         left:0;
         width:100%;
       }
-  
+
       div.content-header {
         /* This is some sort of a theme color... leave it be */
         background-color: #333438;
@@ -60,26 +60,26 @@ div.mapplugin.announcements {
         text-align: left;
         height: 25px;
         padding: 5px;
-  
+
         .content-close {
           display: inline-block;
           float: right;
           cursor: pointer;
         }
-  
+
         div.content-header-title {
           display: inline-block;
           float: left;
           padding: 5px;
         }
       }
-  
+
       div.baseLayerHeader, div.layerHeader {
         background-color: #E6E6E6;
         padding: 10px;
         text-align: left;
       }
-  
+
       div.layer {
         margin: 5px 0;
         text-align: left;
@@ -88,20 +88,20 @@ div.mapplugin.announcements {
           margin-right: 10px;
           float: left;
         }
-  
+
         span {
           display: block;
           margin-left: 30px;
           word-break: break-word;
         }
-  
+
         .style-selector select{
           max-width: 120px;
           display: inline-block;
-          margin-left: 5px; 
+          margin-left: 5px;
         }
       }
-  
+
       div.styled-header-arrow {
         width: 0px;
         height: 0px;
@@ -113,11 +113,11 @@ div.mapplugin.announcements {
         border-bottom: 10px solid #333438;
       }
     }
-  
+
     div.layers, div.baselayers {
       padding: 10px;
     }
-  
+
     div.announcements-header {
       background-color: #3c3c3c;
       color: #FFF;
@@ -129,7 +129,7 @@ div.mapplugin.announcements {
         margin-right: 4px;
         vertical-align: middle;
       }
-  
+
       &.mobile {
         position:fixed;
         top:0;
@@ -152,11 +152,11 @@ div.mapplugin.announcements {
         font-weight: lighter !important;
         text-shadow: 0px 0px #fff !important;
     }
-      
+
     .active, .collapsible:hover {
         background-color: #555  !important;
     }
-      
+
     .announcement-content {
         text-align: left;
         max-height: 0;
@@ -170,11 +170,11 @@ div.mapplugin.announcements {
           padding-bottom: 0px !important;
         }
     }
-  
+
     div.announcements-header:hover {
       color: #ff9100;
     }
-  
+
     .oskari-publisher-layers-rounded-dark, .oskari-publisher-layers-rounded-light {
       -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
@@ -185,7 +185,7 @@ div.mapplugin.announcements {
       -moz-background-clip: padding-box;
       background-clip: padding-box;
     }
-  
+
     .oskari-publisher-layers-sharp-dark, .oskari-publisher-layers-sharp-light {
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
@@ -193,7 +193,7 @@ div.mapplugin.announcements {
       -ms-border-radius: 0;
       border-radius: 0;
     }
-  
+
     .oskari-publisher-layers-3d-dark, .oskari-publisher-layers-3d-light {
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
@@ -204,7 +204,7 @@ div.mapplugin.announcements {
       -moz-background-clip: padding-box;
       background-clip: padding-box;
     }
-  
+
     .oskari-publisher-layers-header-rounded-dark, .oskari-publisher-layers-header-rounded-light {
       -webkit-border-radius: 13px 13px 0 0;
       -moz-border-radius: 13px 13px 0 0;
@@ -215,7 +215,7 @@ div.mapplugin.announcements {
       -moz-background-clip: padding-box;
       background-clip: padding-box;
     }
-  
+
     .oskari-publisher-layers-header-sharp-dark, .oskari-publisher-layers-header-sharp-light {
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
@@ -223,7 +223,7 @@ div.mapplugin.announcements {
       -ms-border-radius: 0;
       border-radius: 0;
     }
-  
+
     .oskari-publisher-layers-header-3d-dark, .oskari-publisher-layers-header-3d-light {
       -webkit-border-radius: 1px 1px 0 0;
       -moz-border-radius: 1px 1px 0 0;
@@ -235,11 +235,11 @@ div.mapplugin.announcements {
       background-clip: padding-box;
     }
   }
-  
+
   .published-styled-layerselector {
     position: relative !important;
   }
-  
+
   .published-styled-layerselector-header {
     width: 38px !important;
     height: 38px !important;
@@ -247,7 +247,7 @@ div.mapplugin.announcements {
     background-color: transparent !important;
     float: right !important;
   }
-  
+
   .published-styled-layerselector-content {
     position: absolute;
     top: 44px !important;
@@ -256,7 +256,7 @@ div.mapplugin.announcements {
       top: 0 !important;
     }
   }
-  
+
   /* Hacketyhack, we need to keep the popup on screen */
   .mapplugins.left div.mapplugin.announcements div.published-styled-layerselector-content {
     left: 0px !important;
@@ -265,11 +265,11 @@ div.mapplugin.announcements {
       top: 0 !important;
     }
   }
-  
+
   .mapplugins.left div.mapplugin.announcements div.published-styled-layerselector-content div.styled-header-arrow {
       margin-left: 12px !important;
   }
-  
+
   div.mapplugin {
     &.announcementspopup  {
       div.content {
@@ -277,13 +277,13 @@ div.mapplugin.announcements {
           font-weight: bold;
           padding-bottom: 6px;
         }
-  
+
         .style-selector select{
           max-width: 120px;
           display: inline-block;
-          margin-left: 5px; 
+          margin-left: 5px;
         }
-  
+
         div.layerHeader {
           padding-top: 10px;
         }