From bbddadef64ae901b6905239fbdf0187733803720 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Mon, 12 Sep 2022 11:36:46 +0000
Subject: [PATCH] classless scoped styling

---
 ui/src/components/TitleBar.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/TitleBar.vue b/ui/src/components/TitleBar.vue
index 84d76df..0654e7b 100644
--- a/ui/src/components/TitleBar.vue
+++ b/ui/src/components/TitleBar.vue
@@ -1,15 +1,15 @@
 <template>
-  <v-toolbar color="primary" style="user-select: none" prominent dark>
+  <v-toolbar color="primary" prominent dark>
     <v-container class="d-flex pa-0" fluid fill-height>
-      <div class="d-flex justify-start slim text-left text-no-wrap">
+      <div class="d-flex justify-start text-left text-no-wrap">
         <THWLogo />
       </div>
 
-      <div class="d-flex justify-center text-center mx-auto thw-heading-font">
+      <div class="d-flex justify-center text-center mx-auto text-h6 text-md-h5">
         <slot> <h1>TITLE</h1> </slot>
       </div>
 
-      <div class="d-none d-sm-flex justify-end slim text-right text-no-wrap">
+      <div class="d-none d-sm-flex justify-end text-right text-no-wrap">
         <div class="flex-column">
           <Clock
             class="d-flex justify-end font-weight-light text-h6 text-md-h5"
@@ -40,7 +40,12 @@ export default class TitleBar extends Vue {}
 </script>
 
 <style scoped>
-.slim {
+.v-toolbar {
+  user-select: none;
+}
+
+.container > div:first-child,
+.container > div:last-child {
   max-width: 0;
 }
 </style>
\ No newline at end of file