From ccd220b68afe10efbb27bed31c114756b609f323 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Tue, 12 Jul 2022 11:42:56 +0300
Subject: [PATCH] Page and class  help content form: Move buttons in inner
 section

---
 .../class-help-content-form.component.html    | 34 +++++++++----------
 .../page-help-content-form.component.html     | 34 +++++++++----------
 2 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/dashboard/divhelpcontent/class-help-content-form.component.html b/dashboard/divhelpcontent/class-help-content-form.component.html
index c1824b3f..e26aecbe 100644
--- a/dashboard/divhelpcontent/class-help-content-form.component.html
+++ b/dashboard/divhelpcontent/class-help-content-form.component.html
@@ -1,19 +1,21 @@
 <div page-content (stickyEmitter)="stickyPageHeader = $event">
   <div header>
-    <div class="uk-flex uk-flex-middle uk-grid" uk-grid>
-      <div  class="uk-width-expand uk-flex uk-flex-middle uk-margin-top uk-margin-bottom info"
-           [class.uk-active]="stickyPageHeader">
-        <a routerLink="../" [queryParams]=" {  'pageId': pageId  }" class="uk-button uk-button-link uk-margin-right">
-          <icon name="west" ratio="2" [flex]="true"></icon>
-        </a>
-        <div>
-          <div class="uk-margin-remove uk-text-background uk-text-bold uk-h6">
-            Admin Dashboard - {{pageHelpContent ? 'Update ' : 'Add new '}} class help text
-          </div>
-          <h1 *ngIf="page" class="uk-h4 uk-margin-remove">{{page.name}}<span *ngIf="myForm.dirty" class="uk-text-large"> (unsaved changes)</span></h1>
+    <div class="uk-flex uk-flex-middle uk-margin-top uk-margin-bottom info"
+         [class.uk-active]="stickyPageHeader">
+      <a routerLink="../" [queryParams]=" {  'pageId': pageId  }" class="uk-button uk-button-link uk-margin-right">
+        <icon name="west" ratio="2" [flex]="true"></icon>
+      </a>
+      <div>
+        <div class="uk-margin-remove uk-text-background uk-text-bold uk-h6">
+          Admin Dashboard - {{pageHelpContent ? 'Update ' : 'Add new '}} class help text
         </div>
+        <h1 *ngIf="page" class="uk-h4 uk-margin-remove">{{page.name}}<span *ngIf="myForm.dirty" class="uk-text-large"> (unsaved changes)</span></h1>
       </div>
-      <div class="uk-width-auto uk-text-right@m uk-text-center">
+    </div>
+  </div>
+  <div inner>
+    <div class="uk-container uk-container-small">
+      <div class="uk-margin-top uk-flex uk-flex-center uk-flex-right@m">
         <button class="uk-button uk-button-default uk-margin-right"
                 (click)="resetCustom()" [class.uk-disabled]="!myForm.dirty"
                 [disabled]="!myForm.dirty || showLoading">Reset
@@ -22,15 +24,12 @@
                 (click)="saveCustom()" [disabled]="!myForm.dirty || myForm.disabled || showLoading">Save
         </button>
       </div>
-    </div>
-  </div>
-  <div inner>
-    <div *ngIf="myForm" style="min-height: 60vh"
+      <div *ngIf="myForm" style="min-height: 60vh"
          class="uk-section uk-section-small uk-position-relative">
       <div *ngIf="showLoading" class="uk-position-center">
         <loading *ngIf="showLoading"></loading>
       </div>
-      <form *ngIf="!showLoading" [formGroup]="myForm" class="uk-container uk-container-small">
+      <form *ngIf="!showLoading" [formGroup]="myForm">
         <div class="uk-width-1-2" *ngIf="classOptions.length > 0" input [formInput]="myForm.get('divId')" placeholder="Select Class" [options]="classOptions" type="select"></div>
         <div class="form-group uk-margin-medium-top">
           <span class="uk-text-bold uk-margin-small-right">Select Status (Enable/ disable)</span>
@@ -60,5 +59,6 @@
         <input type="hidden" formControlName="_id">
       </form>
     </div>
+    </div>
   </div>
 </div>
diff --git a/dashboard/helpTexts/page-help-content-form.component.html b/dashboard/helpTexts/page-help-content-form.component.html
index 7c0ba881..f36815cc 100644
--- a/dashboard/helpTexts/page-help-content-form.component.html
+++ b/dashboard/helpTexts/page-help-content-form.component.html
@@ -1,19 +1,21 @@
 <div page-content (stickyEmitter)="stickyPageHeader = $event">
   <div header>
-    <div class="uk-flex uk-flex-middle uk-grid" uk-grid>
-      <div  class="uk-width-expand uk-flex uk-flex-middle uk-margin-top uk-margin-bottom info"
-            [class.uk-active]="stickyPageHeader">
-        <a routerLink="../" [queryParams]=" {  'pageId': pageId  }" class="uk-button uk-button-link uk-margin-right">
-          <icon name="west" ratio="2" [flex]="true"></icon>
-        </a>
-        <div>
-          <div class="uk-margin-remove uk-text-background uk-text-bold uk-h6">
-            Admin Dashboard - {{pageHelpContent ? 'Update ' : 'Add new '}} page help text
-          </div>
-          <h1 *ngIf="page" class="uk-h4 uk-margin-remove">{{page.name}}<span *ngIf="myForm.dirty" class="uk-text-large"> (unsaved changes)</span></h1>
+    <div class="uk-flex uk-flex-middle uk-margin-top uk-margin-bottom info"
+          [class.uk-active]="stickyPageHeader">
+      <a routerLink="../" [queryParams]=" {  'pageId': pageId  }" class="uk-button uk-button-link uk-margin-right">
+        <icon name="west" ratio="2" [flex]="true"></icon>
+      </a>
+      <div>
+        <div class="uk-margin-remove uk-text-background uk-text-bold uk-h6">
+          Admin Dashboard - {{pageHelpContent ? 'Update ' : 'Add new '}} page help text
         </div>
+        <h1 *ngIf="page" class="uk-h4 uk-margin-remove">{{page.name}}<span *ngIf="myForm.dirty" class="uk-text-large"> (unsaved changes)</span></h1>
       </div>
-      <div class="uk-width-auto uk-text-right@m uk-text-center">
+    </div>
+  </div>
+  <div inner>
+    <div class="uk-container uk-container-small">
+      <div class="uk-margin-top uk-flex uk-flex-center uk-flex-right@m">
         <button class="uk-button uk-button-default uk-margin-right"
                 (click)="resetCustom()" [class.uk-disabled]="!myForm.dirty"
                 [disabled]="!myForm.dirty || showLoading">Reset
@@ -22,15 +24,12 @@
                 (click)="saveCustom()" [disabled]="!myForm.dirty || myForm.disabled || showLoading">Save
         </button>
       </div>
-    </div>
-  </div>
-  <div inner>
-    <div *ngIf="myForm" style="min-height: 60vh"
+      <div *ngIf="myForm" style="min-height: 60vh"
          class="uk-section uk-section-small uk-position-relative">
       <div *ngIf="showLoading" class="uk-position-center">
         <loading *ngIf="showLoading"></loading>
       </div>
-      <form *ngIf="!showLoading" [formGroup]="myForm" class="uk-container uk-container-small">
+      <form *ngIf="!showLoading" [formGroup]="myForm">
         <div class="uk-grid uk-child-width-1-2">
           <div *ngIf="placementsOptions.length > 0" input [formInput]="myForm.get('placement')"
                 placeholder="Select placement" [options]="placementsOptions" type="select"></div>
@@ -65,5 +64,6 @@
         <input type="hidden" formControlName="_id">
       </form>
     </div>
+    </div>
   </div>
 </div>