stylesheets improvements

ui/src/components/BulmaButton.vue

@@ -22,5 +22,3 @@ export default class extends Vue {
   public icon?: string;
 }
 </script>
-
-<style scoped></style>

ui/src/components/Calendar.vue

@@ -2,7 +2,7 @@
   <MultiModal ref="multi_modal" />
 
   <section>
-    <figure class="image">
+    <figure class="image is-unselectable">
       <img :src="$advent22.api_url('general/background')" />
       <ThouCanvas>
         <CalendarDoor
@@ -57,9 +57,3 @@ export default class extends Vue {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-section > figure {
-  user-select: none;
-}
-</style>

ui/src/components/calendar/CalendarDoor.vue

@@ -44,7 +44,7 @@ export default class extends Vue {
 }
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 rect {
   cursor: pointer;
 }

ui/src/components/calendar/editor/DoorChooser.vue

@@ -10,7 +10,7 @@
         <li>[Entf]: Tag entfernen</li>
       </ul>
     </div>
-    <figure class="image">
+    <figure class="image is-unselectable">
       <img :src="$advent22.api_url('general/background')" />
       <ThouCanvas>
         <PreviewDoor
@@ -48,9 +48,3 @@ export default class extends Vue {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-section > figure {
-  user-select: none;
-}
-</style>

ui/src/components/calendar/editor/DoorPlacer.vue

@@ -8,7 +8,7 @@
         <li>Doppel- oder Mittelklick: Türchen löschen</li>
       </ul>
     </div>
-    <figure class="image">
+    <figure class="image is-unselectable">
       <img :src="$advent22.api_url('general/background')" />
       <RectangleCanvas
         :rectangles="rectangles"
@@ -76,9 +76,3 @@ export default class extends Vue {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-section > figure {
-  user-select: none;
-}
-</style>