From 405f77e466d28942f32489c8b7c12ce42a2f3f08 Mon Sep 17 00:00:00 2001
From: George Tsotsos <34042825+Geoxor@users.noreply.github.com>
Date: Tue, 5 Sep 2023 00:15:33 +0300
Subject: [PATCH] Rounded corner to improve UI continuity (#711)

* round top right corner

* remove conflicting shadow & more radius

* remove unnecessary css rule
---
 theseus_gui/src/App.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/theseus_gui/src/App.vue b/theseus_gui/src/App.vue
index 3b01c4b16..f2550a788 100644
--- a/theseus_gui/src/App.vue
+++ b/theseus_gui/src/App.vue
@@ -366,13 +366,13 @@ command_listener((e) => {
 
   .view {
     width: calc(100% - var(--sidebar-width));
+    background-color: var(--color-raised-bg);
 
     .appbar {
       display: flex;
       align-items: center;
       flex-grow: 1;
       background: var(--color-raised-bg);
-      box-shadow: var(--shadow-inset-sm), var(--shadow-floating);
       text-align: center;
       padding: var(--gap-md);
       height: 3.25rem;
@@ -388,6 +388,7 @@ command_listener((e) => {
       overflow: auto;
       overflow-x: hidden;
       background-color: var(--color-bg);
+      border-top-left-radius: var(--radius-xl);
     }
   }
 }