From d2905c4fb696781486fd0318a03a4355b92fcb2b Mon Sep 17 00:00:00 2001
From: Sergii Leonenko <sleonenko@sipwise.com>
Date: Thu, 18 Feb 2021 00:08:19 +0200
Subject: [PATCH] TT#110924 Fix q-separator regression from Quasar Upgrade

The separating lines created by q-separator are not visible anymore since the latest Quasar Upgrade.

AC:
Can see the lines again
Change-Id: Iaecb457fb215209f1e727b1877816cf3da4cc8fe
---
 src/components/CscPageSticky.vue     | 25 ++++++++++-------
 src/components/CscPageStickyTabs.vue | 42 +++++++++++++++-------------
 2 files changed, 37 insertions(+), 30 deletions(-)

diff --git a/src/components/CscPageSticky.vue b/src/components/CscPageSticky.vue
index 26f8b7ee..392ab886 100644
--- a/src/components/CscPageSticky.vue
+++ b/src/components/CscPageSticky.vue
@@ -9,17 +9,22 @@
 			expand
 			position="top"
 		>
-			<slot
-				name="header"
-			/>
-			<q-separator />
-			<div
-				class="col-12"
-			>
-				<slot
-					name="toolbar"
-				/>
+			<div class="column full-width">
+				<div class="row justify-center">
+					<slot
+						name="header"
+					/>
+				</div>
+				<q-separator />
+				<div
+					class="col-12"
+				>
+					<slot
+						name="toolbar"
+					/>
+				</div>
 			</div>
+
 			<q-resize-observer
 				@resize="computeTopMargin"
 			/>
diff --git a/src/components/CscPageStickyTabs.vue b/src/components/CscPageStickyTabs.vue
index 8e93ea42..ba244259 100644
--- a/src/components/CscPageStickyTabs.vue
+++ b/src/components/CscPageStickyTabs.vue
@@ -9,28 +9,30 @@
 			expand
 			position="top"
 		>
-			<div
-				class="full-width"
-			>
-				<q-tabs
-					:value="value"
-					style="z-index: 11"
-					align="center"
-					inline-label
-					active-color="primary"
-					dense
-					mobile-arrows
-					@input="input"
+			<div class="column full-width">
+				<div
+					class="full-width"
 				>
-					<slot
-						name="tabs"
-					/>
-				</q-tabs>
+					<q-tabs
+						:value="value"
+						style="z-index: 11"
+						align="center"
+						inline-label
+						active-color="primary"
+						dense
+						mobile-arrows
+						@input="input"
+					>
+						<slot
+							name="tabs"
+						/>
+					</q-tabs>
+				</div>
+				<q-separator />
+				<slot
+					name="toolbar"
+				/>
 			</div>
-			<q-separator />
-			<slot
-				name="toolbar"
-			/>
 		</q-page-sticky>
 		<slot />
 	</csc-page>