From 066955d50a76fa59af93bd6c24d6521c696ba203 Mon Sep 17 00:00:00 2001
From: Neeli Katti <neeli.katti@diamond.ac.uk>
Date: Thu, 27 Jul 2023 10:57:19 +0100
Subject: [PATCH] Change styling to be local rather than global

---
 client/src/css/main.scss                              |  2 +-
 .../modules/summary/styles}/_summary.scss             |  0
 client/src/js/modules/summary/views/summary.vue       | 11 ++++++-----
 3 files changed, 7 insertions(+), 6 deletions(-)
 rename client/src/{css/partials => js/modules/summary/styles}/_summary.scss (100%)

diff --git a/client/src/css/main.scss b/client/src/css/main.scss
index 3317ceaa2..28efbec82 100644
--- a/client/src/css/main.scss
+++ b/client/src/css/main.scss
@@ -23,7 +23,7 @@
 @import "partials/_mc.scss";
 @import "partials/_imaging.scss";
 
-@import "partials/_summary.scss";
+
 
 
 // Third-party
diff --git a/client/src/css/partials/_summary.scss b/client/src/js/modules/summary/styles/_summary.scss
similarity index 100%
rename from client/src/css/partials/_summary.scss
rename to client/src/js/modules/summary/styles/_summary.scss
diff --git a/client/src/js/modules/summary/views/summary.vue b/client/src/js/modules/summary/views/summary.vue
index 32dd16c04..e57f83fed 100644
--- a/client/src/js/modules/summary/views/summary.vue
+++ b/client/src/js/modules/summary/views/summary.vue
@@ -31,7 +31,7 @@
                             <h> Filter </h>
                         </div>
                         <div class="tw-flex tw-col-span-2 tw-col-start-2 tw-mt-3 tw-ml-3">
-                            <p class="tw-mt-2 tw-text-sm">Select Proposals </p>
+                            <p class="tw-mt-2 tw-text-sm tw-whitespace-no-wrap">Select Proposals </p>
                             <combo-box v-if="filters[0].inputtype == 'combo-box'"
                                 class="tw-w-7/12 tw-text-sm tw-ml-2 tw-mr-1 tw-mb-2"
                                 :data="filters[0].data"
@@ -45,12 +45,12 @@
                                 :valueArray="filters[0].selectedArr"
                                 :searchArray="filters[0].selectedArr"
                                 ></combo-box>
-                                <button class="sidebar-button tw-mr-1 tw-mb-2" @click="getStarted()">Get Started</button>
+                                <button class="sidebar-button tw-mr-1 tw-mb-3 tw-whitespace-no-wrap" @click="getStarted()">Get Started</button>
                         </div>
-                        <div class="tw-col-span-1 tw-col-start-6 tw-mt-2 tw-mr-3 ">
+                        <div class="tw-col-span-1 tw-col-start-6 tw-mr-3 ">
 
-                            <div class="tw-flex tw-mb-2">
-                                <button class="sidebar-button tw-mr-1" @click="toggleSidebar()">Advanced Filter</button>
+                            <div class="tw-flex tw-mb-3 tw-mt-3">
+                                <button class="sidebar-button tw-mr-1 " @click="toggleSidebar()">Advanced Filter</button>
                                 <button class="sidebar-button" @click="searchFilterParams" >
                                 Search
                                 </button>
@@ -1351,6 +1351,7 @@ export default {
 </style>
 
 <style scoped>
+    @import "../styles/_summary.scss";
 
     .search-icon {
         font-size: 12px;