Merge pull request #790 from deckgo/edit-slide-options-style

style: edit slide options with border and box-shadow grouped

Author: peterpeterparker

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;
+    }
+  }
 }

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>,
     ];
   }