From 57eac1b08b2fe40810eb3e0f51c55986cf737695 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Fri, 27 Jan 2023 14:42:09 +0200
Subject: [PATCH] Change my-tabs with new class landing-tab

---
 utils/tabs/tabs.component.ts | 24 ++++--------------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/utils/tabs/tabs.component.ts b/utils/tabs/tabs.component.ts
index 694be03d..bedd3cf7 100644
--- a/utils/tabs/tabs.component.ts
+++ b/utils/tabs/tabs.component.ts
@@ -16,8 +16,8 @@ import {TabComponent} from './tab.component';
 @Component({
   selector: 'my-tabs',
   template: `    
-    <div id="mytabs" class="uk-grid uk-margin-remove-left">
-      <div class="uk-margin-medium-right uk-margin-top uk uk-padding-remove uk-width-expand" >
+    <div id="mytabs" class="uk-grid uk-margin-top landing-tab uk-margin-remove-left">
+      <div class="uk-margin-medium-right uk uk-padding-remove uk-width-expand" >
         <div class=" uk-width-1-1" uk-slider="finite: true">
           <div    class="uk-position-relative " >
             <div class="uk-slider-container ">
@@ -50,7 +50,7 @@ import {TabComponent} from './tab.component';
       </div>
       <ng-container *ngFor="let tab of tabs.toArray(); let i=index">
         <ng-container *ngIf="tab.customClass">
-          <div class="uk-width-small uk-padding-small uk-padding-remove-bottom uk-padding-remove-right">
+          <div class="uk-width-small">
             <ul class="uk-tab uk-height-1-1">
               <li  [ngClass]="tab.customClass" (click)="selectTab(tab)" [class.uk-active]="tab.active" >
                 <a class="uk-width-1-1 uk-height-1-1 uk-flex uk-flex-center featuredTab" [ngClass]="tab.tabIcon ? 'uk-flex-column' : ''">
@@ -66,23 +66,7 @@ import {TabComponent} from './tab.component';
         </ng-container>
       </ng-container>
     </div>
-
-  `,
-  styles: [
-    `
-        #mytabs .uk-tab::before {
-            border-bottom: none;
-        }
-        #mytabs::before {
-            content: "";
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            border-bottom: 1px solid #eaeaea;
-        }
-   `
-  ]
+  `
 })
 export class TabsComponent implements AfterContentInit {