From 64f1b056f29f0c33c1e3bf9ea57157a53fc755a3 Mon Sep 17 00:00:00 2001
From: deaflynx <deaflynx@gmail.com>
Date: Wed, 13 Sep 2023 16:09:25 +0300
Subject: [PATCH] Edge instructions style updates

---
 .../edge-instructions-dialog.component.html   | 22 +++++++++----------
 .../edge-instructions-dialog.component.scss   |  8 +++++--
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.html b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.html
index cf834e203e..e01e2ec965 100644
--- a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.html
@@ -30,13 +30,13 @@
       <mat-tab-group [(selectedIndex)]="tabIndex" (selectedTabChange)="selectedTabChange(tabIndex)">
         <mat-tab>
           <ng-template mat-tab-label>
-            <mat-icon class="tabs-icon" svgIcon="linux"></mat-icon>
+            <mat-icon class="tabs-icon" svgIcon="mdi:ubuntu"></mat-icon>
             Ubuntu
           </ng-template>
           <ng-template matTabContent>
-            <div class="tb-form-panel no-padding no-border tb-tab-body">
-              <div class="tb-form-panel stroked">
-                <tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.ubuntu'></tb-markdown>
+            <div class="tb-form-panel no-padding no-border">
+              <div class="tb-form-panel no-padding stroked">
+                <tb-markdown [data]='contentData.ubuntu'></tb-markdown>
               </div>
             </div>
           </ng-template>
@@ -44,12 +44,12 @@
         <mat-tab>
           <ng-template mat-tab-label>
             <mat-icon class="tabs-icon" svgIcon="mdi:centos"></mat-icon>
-            CentOS
+            CentOS/RHEL
           </ng-template>
           <ng-template matTabContent>
-            <div class="tb-form-panel no-padding no-border tb-tab-body">
-              <div class="tb-form-panel stroked">
-                <tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.centos'></tb-markdown>
+            <div class="tb-form-panel no-padding no-border">
+              <div class="tb-form-panel no-padding stroked">
+                <tb-markdown [data]='contentData.centos'></tb-markdown>
               </div>
             </div>
           </ng-template>
@@ -60,9 +60,9 @@
             Docker
           </ng-template>
           <ng-template matTabContent>
-            <div class="tb-form-panel no-padding no-border tb-tab-body">
-              <div class="tb-form-panel stroked">
-                <tb-markdown lineNumbers fallbackToPlainMarkdown [data]='contentData.docker'></tb-markdown>
+            <div class="tb-form-panel no-padding no-border">
+              <div class="tb-form-panel no-padding stroked">
+                <tb-markdown [data]='contentData.docker'></tb-markdown>
               </div>
             </div>
           </ng-template>
diff --git a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
index d69eeb6c23..1524150330 100644
--- a/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/edge/edge-instructions-dialog.component.scss
@@ -46,11 +46,11 @@
   }
 
   @media #{$mat-sm} {
-    width: 470px;
+    width: 705px;
   }
 
   @media #{$mat-gt-sm} {
-    width: 720px;
+    width: 1080px;
   }
 }
 
@@ -111,6 +111,10 @@
         }
       }
     }
+    > p, h1, h2, h3, h4, h5, div {
+      padding-left: 16px !important;
+      padding-right: 16px !important;
+    }
   }
   .mdc-button__label > span {
     .mat-icon {