From d96ee9acc80dc8b0451d4bada0dab19532ba84ae Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 5 May 2023 17:05:41 +0300
Subject: [PATCH] Fix width of tabs in terminology page.

---
 monitor/methodology/terminology.component.less | 3 +++
 monitor/methodology/terminology.component.ts   | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 monitor/methodology/terminology.component.less

diff --git a/monitor/methodology/terminology.component.less b/monitor/methodology/terminology.component.less
new file mode 100644
index 00000000..e6212b69
--- /dev/null
+++ b/monitor/methodology/terminology.component.less
@@ -0,0 +1,3 @@
+.uk-width-medium {
+  width: 350px;
+}
diff --git a/monitor/methodology/terminology.component.ts b/monitor/methodology/terminology.component.ts
index ded7fbcd..2e518e29 100644
--- a/monitor/methodology/terminology.component.ts
+++ b/monitor/methodology/terminology.component.ts
@@ -50,7 +50,7 @@ declare var ResizeObserver;
 				</div>
 				<div class="uk-section uk-container uk-container-large" uk-scrollspy-class>
 					<div id="parentContainer" class="uk-grid uk-grid-large" uk-grid>
-						<div class="uk-width-1-4 uk-margin-top">
+						<div class="uk-width-medium uk-margin-top">
 							<div class="uk-sticky" uk-sticky="bottom: !#parentContainer; offset: 100;">
 								<slider-tabs type="scrollable" position="left">
 									<slider-tab tabId="entities" tabTitle="1. Entities"></slider-tab>
@@ -116,7 +116,8 @@ declare var ResizeObserver;
 				</div>
 			</div>
 		</div>
-  `
+  `,
+  styleUrls: ['terminology.component.less']
 })
 export class TerminologyComponent implements OnInit, OnDestroy, AfterViewInit, AfterContentChecked {
   public tab: 'entities' | 'attributes' = 'entities';