feat: Add a popout option on webwidget (#1174)

* feat: Add a popout option on webwidget

app/javascript/widget/assets/scss/_buttons.scss

@@ -58,4 +58,14 @@ $button-border-width: 1px;
   &.block {
     width: 100%;
   }
+
+  &.transparent {
+    background: transparent;
+    border: 0;
+    height: auto;
+  }
+
+  &.compact {
+    padding: 0;
+  }
 }

app/javascript/widget/assets/scss/woot.scss

@@ -11,6 +11,8 @@ html,
 body {
   font-family: $font-family;
   font-size: 10px;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
   height: 100%;
 }
 
@@ -18,36 +20,15 @@ body {
   height: 100%;
 }
 
-.close-button {
-  cursor: pointer;
-  position: relative;
-  width: $space-two;
-
-  &::before,
-  &::after {
-    background-color: $color-heading;
-    content: ' ';
-    height: $space-normal;
-    left: $space-small;
-    position: absolute;
-    top: $space-micro;
-    width: 2px;
-  }
-
-  &::before {
-    transform: rotate(45deg);
-  }
-
-  &::after {
-    transform: rotate(-45deg);
-  }
-}
-
 .is-mobile {
-  .header-wrap {
+  .actions {
     .close-button {
       display: block !important;
     }
+
+    .new-window--button {
+      display: none !important;
+    }
   }
 }