From ff10a7dd5aecffe84e738194f70235821d93a0aa Mon Sep 17 00:00:00 2001
From: vishnubansal <vishnu.bansal@tarento.com>
Date: Thu, 1 Aug 2024 14:35:09 +0530
Subject: [PATCH 1/2] update for mweb issue

---
 .../certificate-dialog.component.scss         | 31 +++++++++++++++++++
 .../app-toc-about.component.html              |  4 +--
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/library/ws-widget/collection/src/lib/_common/certificate-dialog/certificate-dialog.component.scss b/library/ws-widget/collection/src/lib/_common/certificate-dialog/certificate-dialog.component.scss
index c1cae38b79..5df5b84343 100644
--- a/library/ws-widget/collection/src/lib/_common/certificate-dialog/certificate-dialog.component.scss
+++ b/library/ws-widget/collection/src/lib/_common/certificate-dialog/certificate-dialog.component.scss
@@ -127,4 +127,35 @@ a.download_btn {
     position: absolute !important;
     top: 19px !important;
     right: 18px !important;
+}
+
+@media screen and (max-width: 1200px) {
+    .btn-custom{
+        box-sizing: border-box;
+        position: relative;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        cursor: pointer;
+        outline: 0;
+        border: none;
+        -webkit-tap-highlight-color: transparent;
+        display: inline-block;
+        white-space: nowrap;
+        text-decoration: none;
+        vertical-align: baseline;
+        text-align: center;
+        margin: 0;
+        min-width: 64px;
+        line-height: 36px;
+        padding: 0 8px;
+        border-radius: 4px;
+        overflow: visible;
+    }
+
+    .gap-4 {
+        grid-gap: 0rem; 
+        gap: 0rem;
+    }
 }
\ No newline at end of file
diff --git a/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html b/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html
index 141beec4d0..9e06bdfdc2 100644
--- a/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html
+++ b/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html
@@ -69,7 +69,7 @@
 </ng-template>
 
 <ng-template #competencyLabel>
-    <div class="mat-subheading-1 flex items-center gap-2">
+    <div class="pt-4 mat-subheading-1 flex items-center gap-2">
         {{ 'apptocsinglepage.competencies' | translate }}
         <mat-icon class="cursor-pointer ws-mat-black60-text info-icon mat-icon notranslate material-icons mat-icon-no-color"
             [matTooltipPosition]="'below'" #tooltip="matTooltip" (click)="tooltip.toggle()" matTooltip="{{ 'apptocsinglepage.competenciesTooltip' | translate }}">info_outline</mat-icon>
@@ -278,7 +278,7 @@
             </div>
         </ng-container>
         <ng-container *ngIf="!skeletonLoader">
-            <div class="mat-subheading-1 font-bold py-2">{{ 'apptocsinglepage.objectives' | translate }}</div>
+            <div class="mat-subheading-1 font-bold pt-8">{{ 'apptocsinglepage.objectives' | translate }}</div>
             <div [ngClass]="{'mob-desc-ellipsis': objectives.ellipsis && isMobile, 'desc-ellipsis': objectives.ellipsis && !isMobile}" #objectivesElem>
                 <span class="mob-text" [innerHtml]="handleCapitalize(content?.objectives)"></span>
                 <div class="ws-mat-default-text font-bold cursor-pointer text-sm" *ngIf="objectives.viewLess" (click)="objectives.ellipsis = !objectives.ellipsis; objectives.viewLess = !objectives.viewLess">&nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>

From 05c6b0e1d5acbe532a085160b3186f0a76475c60 Mon Sep 17 00:00:00 2001
From: vishnubansal <vishnu.bansal@tarento.com>
Date: Thu, 1 Aug 2024 14:44:55 +0530
Subject: [PATCH 2/2] update for cios mweb changes

---
 .../app-toc-about/app-toc-about.component.html         |  4 ++--
 .../app-toc-about/app-toc-about.component.scss         | 10 ++++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html b/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html
index 9e06bdfdc2..487742179a 100644
--- a/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html
+++ b/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.html
@@ -69,7 +69,7 @@
 </ng-template>
 
 <ng-template #competencyLabel>
-    <div class="pt-4 mat-subheading-1 flex items-center gap-2">
+    <div class="pt-mweb-4 mat-subheading-1 flex items-center gap-2">
         {{ 'apptocsinglepage.competencies' | translate }}
         <mat-icon class="cursor-pointer ws-mat-black60-text info-icon mat-icon notranslate material-icons mat-icon-no-color"
             [matTooltipPosition]="'below'" #tooltip="matTooltip" (click)="tooltip.toggle()" matTooltip="{{ 'apptocsinglepage.competenciesTooltip' | translate }}">info_outline</mat-icon>
@@ -278,7 +278,7 @@
             </div>
         </ng-container>
         <ng-container *ngIf="!skeletonLoader">
-            <div class="mat-subheading-1 font-bold pt-8">{{ 'apptocsinglepage.objectives' | translate }}</div>
+            <div class="mat-subheading-1 font-bold pt-mweb-8">{{ 'apptocsinglepage.objectives' | translate }}</div>
             <div [ngClass]="{'mob-desc-ellipsis': objectives.ellipsis && isMobile, 'desc-ellipsis': objectives.ellipsis && !isMobile}" #objectivesElem>
                 <span class="mob-text" [innerHtml]="handleCapitalize(content?.objectives)"></span>
                 <div class="ws-mat-default-text font-bold cursor-pointer text-sm" *ngIf="objectives.viewLess" (click)="objectives.ellipsis = !objectives.ellipsis; objectives.viewLess = !objectives.viewLess">&nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>
diff --git a/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.scss b/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.scss
index 9e0108408a..867216d900 100644
--- a/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.scss
+++ b/library/ws-widget/collection/src/lib/_common/content-toc/app-toc-about/app-toc-about.component.scss
@@ -368,6 +368,16 @@ $mob-title-line-count: 2;
 
     .mobile-karma-points {
         display: none;
+    }    
+}
+
+@media screen and (max-width: 1200px){
+    .pt-mweb-8 {
+        padding-top: 2rem;
+    }
+
+    .pt-mweb-4 {
+        padding-top: 1rem;
     }
 }