From 8096f6638b931a5af620cbd50ee5f4ceafcb870e Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Wed, 3 Jan 2024 14:46:58 -0500
Subject: [PATCH] Fix page

---
 src/app/pages/tab1/tab1.page.html | 109 +++++++++++++++---------------
 src/app/pages/tab1/tab1.page.scss |  16 +++++
 src/app/pages/tabs/tabs.page.html |   2 +-
 src/app/pages/tabs/tabs.page.scss |   1 -
 src/global.scss                   |   8 ++-
 5 files changed, 79 insertions(+), 57 deletions(-)

diff --git a/src/app/pages/tab1/tab1.page.html b/src/app/pages/tab1/tab1.page.html
index 65ec864..2636f7f 100644
--- a/src/app/pages/tab1/tab1.page.html
+++ b/src/app/pages/tab1/tab1.page.html
@@ -1,62 +1,63 @@
 <ion-content [fullscreen]="true">
 
-  <ion-grid>
-    <ion-row>
-      <ion-col>
-        <ion-card>
-          <ion-card-header>
-            <ion-card-title>Card Title</ion-card-title>
-            <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-          </ion-card-header>
+  <div class="boxed_contents">
+    <ion-grid class="card-block">
+      <ion-row class="card-row">
+        <ion-col class="card-col">
+          <ion-card class="card-part">
+            <ion-card-header>
+              <ion-card-title>Card Title</ion-card-title>
+              <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+            </ion-card-header>
 
-          <ion-card-content>
-            Here's a small text description for the card content. Nothing more, nothing less.
-          </ion-card-content>
-        </ion-card>
-      </ion-col>
-      <ion-col>
-        <ion-card>
-          <ion-card-header>
-            <ion-card-title>Card Title</ion-card-title>
-            <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-          </ion-card-header>
+            <ion-card-content>
+              Here's a small text description for the card content. Nothing more, nothing less.
+            </ion-card-content>
+          </ion-card>
+        </ion-col>
+        <ion-col class="card-col">
+          <ion-card class="card-part">
+            <ion-card-header>
+              <ion-card-title>Card Title</ion-card-title>
+              <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+            </ion-card-header>
 
-          <ion-card-content>
-            Here's a small text description for the card content. Nothing more, nothing less.
-          </ion-card-content>
-        </ion-card>
-      </ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col>
-        <ion-card>
-          <ion-card-header>
-            <ion-card-title>Card Title</ion-card-title>
-            <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-          </ion-card-header>
+            <ion-card-content>
+              Here's a small text description for the card content. Nothing more, nothing less.
+            </ion-card-content>
+          </ion-card>
+        </ion-col>
+      </ion-row>
+      <ion-row class="card-row">
+        <ion-col class="card-col">
+          <ion-card class="card-part">
+            <ion-card-header>
+              <ion-card-title>Card Title</ion-card-title>
+              <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+            </ion-card-header>
 
-          <ion-card-content>
-            Here's a small text description for the card content. Nothing more, nothing less.
-          </ion-card-content>
-        </ion-card>
-      </ion-col>
-      <ion-col>
-        <ion-card>
-          <ion-card-header>
-            <ion-card-title>Card Title</ion-card-title>
-            <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-          </ion-card-header>
-
-          <ion-card-content>
-            Here's a small text description for the card content. Nothing more, nothing less.
-          </ion-card-content>
-        </ion-card>
-      </ion-col>
-    </ion-row>
-    <ion-row>
-      <ion-col>1</ion-col>
-    </ion-row>
-  </ion-grid>
+            <ion-card-content>
+              Here's a small text description for the card content. Nothing more, nothing less.
+            </ion-card-content>
+          </ion-card>
+        </ion-col>
+        <ion-col class="card-col">
+          <ion-card class="card-part">
+            <ion-card-header>
+              <ion-card-title>Card Title</ion-card-title>
+              <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
+            </ion-card-header>
 
+            <ion-card-content>
+              Here's a small text description for the card content. Nothing more, nothing less.
+            </ion-card-content>
+          </ion-card>
+        </ion-col>
+      </ion-row>
+      <ion-row>
+        <ion-col>1</ion-col>
+      </ion-row>
+    </ion-grid>
+  </div>
 
 </ion-content>
diff --git a/src/app/pages/tab1/tab1.page.scss b/src/app/pages/tab1/tab1.page.scss
index e69de29..e7647f0 100644
--- a/src/app/pages/tab1/tab1.page.scss
+++ b/src/app/pages/tab1/tab1.page.scss
@@ -0,0 +1,16 @@
+.card-block{
+  margin: 0px;
+  //background-color: yellow;
+  .card-row{
+    margin: 0px;
+    padding: 0px;
+    .card-col{
+    //  background-color: red;
+      padding: 0px;
+      .card-part{
+        padding: 0px;
+        margin: 10px;
+      }
+    }
+  }
+}
diff --git a/src/app/pages/tabs/tabs.page.html b/src/app/pages/tabs/tabs.page.html
index f7b2e4a..25415f4 100644
--- a/src/app/pages/tabs/tabs.page.html
+++ b/src/app/pages/tabs/tabs.page.html
@@ -2,7 +2,7 @@
 
   <ion-tab-bar slot="bottom">
     <ion-tab-button tab="tab1" href="/tabs/tab1">
-      <ion-icon aria-hidden="true" name="triangle"></ion-icon>
+      <ion-icon aria-hidden="true" name="home"></ion-icon>
       <ion-label>Home</ion-label>
     </ion-tab-button>
 
diff --git a/src/app/pages/tabs/tabs.page.scss b/src/app/pages/tabs/tabs.page.scss
index 8b13789..e69de29 100644
--- a/src/app/pages/tabs/tabs.page.scss
+++ b/src/app/pages/tabs/tabs.page.scss
@@ -1 +0,0 @@
-
diff --git a/src/global.scss b/src/global.scss
index 0bc1abd..13a5046 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -26,6 +26,12 @@
 @import "@ionic/angular/css/flex-utils.css";
 
 
+.boxed_contents{
+  //background-color: red;
+  max-width: 550px;
+  margin-left: auto;
+  margin-right: auto;
+}
 
 
 .back_image {
@@ -352,7 +358,7 @@
         }
         }
     }
-    
+
     .like {
         display: flex;
         align-items: center;