Merge pull request #115 from citizensadvice/bug/cookie-message-cms7-415

Bug/cookie message cms7 415
citizensadvice · Mar 14, 2019 · 22f732e · 22f732e
2 parents a7f319b + a654cc9
commit 22f732e
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/libs/styles/modules/cookie-monster.less b/libs/styles/modules/cookie-monster.less
@@ -15,29 +15,37 @@
     right: 0;
     background: fade(@blue-lighter, 95%);
     z-index: 10000;
+
     &__content {
         .limit-width();
-        overflow: hidden;
-        position: relative;
-        padding: @box-spacing 0;
-        @media (min-width:@breakpoint-sm){
+        padding: 0.5em;
+        display: flex;
+        flex-direction: row;
+        align-items: baseline;
+        justify-content: space-around;
+
+        @media (min-width: @breakpoint-sm) {
             padding: 0;
         }
+
         p {
             margin: 0;
-            padding: 0 @box-spacing*7 0 @box-spacing/2;
-            display: inline-block;
-            .vertical-align(absolute);
         }
     }
+
     &__close {
         .btn-icon("\2716");
         float: right;
     }
+
     @media screen and (max-width: @screen-xs-max) {
         font-size: 14px;
+
         &__close {
             font-size: 14px;
         }
+        &__content {
+            flex-direction: column;
+        }
     }
 }