slide_box.scss in tao_ui-0.2.4

- old
+ new

@@ -1,16 +1,28 @@
 @import 'tao/ui/globals';
 @import 'tao/ui/shared/slide_box';
 
 tao-slide-box {
-  & > .link-close {
+  & > .slide-box-wrapper > .link-close {
+    display: none;
+    justify-content: center;
+    align-items: center;
+    width: 2rem;
+    height: 2rem;
+    position: absolute;
+    top: 0.5rem;
     right: 0.5rem;
+    fill: $lighter-grey-color;
 
     &:hover {
       fill: $grey-color;
     }
+
+    &:hover {
+      fill: $grey-color;
+    }
   }
 
-  .slide-box-content {
-    padding: 1.875rem;
+  &[with-close-button] > .slide-box-wrapper > .link-close {
+    display: flex;
   }
 }