From cab272f19dddf17339aa313e4c986381a99cbf4f Mon Sep 17 00:00:00 2001
From: peterpeterparker <david.dalbusco@outlook.com>
Date: Fri, 10 Jul 2020 18:14:32 +0200
Subject: [PATCH] style: edit slide options with border and box-shadow grouped

---
 .../editor/slide/app-edit-slide/app-edit-slide.scss        | 7 +++++++
 .../editor/slide/app-edit-slide/app-edit-slide.tsx         | 6 +++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.scss b/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.scss
index 2e497187c..90173ec48 100644
--- a/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.scss
+++ b/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.scss
@@ -1,4 +1,11 @@
 app-edit-slide {
   @import "../../../../../global/theme/editor/editor-info";
   @import "../../../../../global/theme/editor/editor-popover";
+
+  ion-list {
+    > * {
+      display: block;
+      margin-bottom: 16px;
+    }
+  }
 }
diff --git a/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx b/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx
index 35dbf6f2e..812aa9277 100644
--- a/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx
+++ b/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx
@@ -4,7 +4,7 @@ import {EditAction} from '../../../../utils/editor/edit-action';
 
 @Component({
   tag: 'app-edit-slide',
-  styleUrl: 'app-edit-slide.scss'
+  styleUrl: 'app-edit-slide.scss',
 })
 export class AppEditSlide {
   @Element() el: HTMLElement;
@@ -34,7 +34,7 @@ export class AppEditSlide {
     }
 
     const data = {
-      action: $event.detail
+      action: $event.detail,
     };
 
     await (this.el.closest('ion-popover') as HTMLIonPopoverElement).dismiss(data);
@@ -48,7 +48,7 @@ export class AppEditSlide {
           <ion-icon aria-label="Close" src="/assets/icons/ionicons/close.svg"></ion-icon>
         </ion-router-link>
       </ion-toolbar>,
-      <ion-list>{this.renderOptions()}</ion-list>
+      <ion-list class="article">{this.renderOptions()}</ion-list>,
     ];
   }