Minor css cleanup

chatwoot · Jan 10, 2023 · 53786b6 · 53786b6
1 parent 943b72a
commit 53786b6
Showing 1 changed file with 12 additions and 20 deletions.
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/search/SwitchLayout.vue b/app/javascript/dashboard/routes/dashboard/conversation/search/SwitchLayout.vue
@@ -1,14 +1,16 @@
 <template>
-  <woot-button
-    v-tooltip.left="$t('CONVERSATION.SWITCH_VIEW_LAYOUT')"
-    icon="arrow-right-import"
-    size="tiny"
-    variant="smooth"
-    color-scheme="secondary"
-    class="layout-switch__container"
-    :class="{ expanded: isOnExpandedLayout }"
-    @click="toggle"
-  />
+  <div>
+    <woot-button
+      v-tooltip.left="$t('CONVERSATION.SWITCH_VIEW_LAYOUT')"
+      icon="arrow-right-import"
+      size="tiny"
+      variant="smooth"
+      color-scheme="secondary"
+      class="layout-switch__container"
+      :class="{ expanded: isOnExpandedLayout }"
+      @click="toggle"
+    />
+  </div>
 </template>
 
 <script>
@@ -29,17 +31,7 @@ export default {
 
 <style lang="scss" soped>
 .layout-switch__container {
-  align-items: center;
-  background-color: var(--s-100);
-  border-radius: var(--border-radius-normal);
-  cursor: pointer;
-  display: flex;
-  color: var(--s-600);
-  display: flex;
-  padding: var(--space-micro) var(--space-smaller);
-  width: calc(var(--space-larger) - var(--space-one)) !important;
   &.expanded .icon {
-    flex-shrink: 0;
     transform: rotate(180deg);
   }
 }