TT#96504 Fix sticky tabs arrows

Change-Id: Id3a48d6d872e144aebb98b0fa1eff7a630d72b02

src/components/CscPageStickyTabs.vue

@@ -9,18 +9,24 @@
 			expand
 			position="top"
 		>
-			<q-tabs
-				:value="value"
-				align="justify"
-				inline-label
-				active-color="primary"
-				dense
-				@input="input"
+			<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"

src/pages/CscPageConversations.vue

@@ -44,7 +44,7 @@
 			>
 				<q-list
 					v-if="items.length > 0"
-					class="col-sm-12 col-md-8"
+					class="col-xs-12 col-md-8"
 					no-border
 				>
 					<csc-conversation-item
@@ -301,22 +301,3 @@ export default {
 	}
 }
 </script>
-
-<style lang="stylus" rel="stylesheet/stylus">
-    #csc-conversations-tabs
-        position sticky
-        top $header-height
-        z-index 12
-        background-color $secondary
-        .q-tab
-            .q-tab-icon
-                font-size 24px
-    #csc-conversation-content
-        padding-top $flex-gutter-lg
-    .csc-back-to-top
-        margin 0 15px 15px 0
-    .csc-back-to-top.csc-back-to-top-calling
-        bottom $call-footer-height-big + 15px
-    .csc-conversation-list-item
-        padding $flex-gutter-sm
-</style>