From 8cacfdd5925d2e565febc5f3c8ca60241c3c9a11 Mon Sep 17 00:00:00 2001
From: Norkator <55850510+norkator@users.noreply.github.com>
Date: Sun, 7 Jun 2020 15:28:31 +0300
Subject: [PATCH] Fixing part card sizing for mobile

---
 yagi-pro/src/app/app.component.html | 41 +++++++++++++----------------
 yagi-pro/src/app/app.component.scss |  6 ++---
 2 files changed, 21 insertions(+), 26 deletions(-)

diff --git a/yagi-pro/src/app/app.component.html b/yagi-pro/src/app/app.component.html
index 0e118ea..9109bb5 100644
--- a/yagi-pro/src/app/app.component.html
+++ b/yagi-pro/src/app/app.component.html
@@ -54,28 +54,25 @@ <h2>Basics</h2>
         <mat-panel-description>
         </mat-panel-description>
       </mat-expansion-panel-header>
-      <mat-grid-list cols="2" rowHeight="1:1">
-        <mat-grid-tile>
-          <mat-card class="grid-tile-position">
-            <mat-card-header>
-              <mat-card-title>Yagi_30_4.stl</mat-card-title>
-              <mat-card-subtitle>Boom 30mm, parasitic 4mm</mat-card-subtitle>
-            </mat-card-header>
-            <img mat-card-image  src="https://cdn.thingiverse.com/assets/93/a8/c0/3f/64/featured_preview_Yagi_30_4.png"
-                 alt="featured_preview_Yagi_30_4.png">
-            <mat-card-content>
-              <p>
-                Antenna parasitic element connector for easy install and adjusting. It's for 30mm diameter boom and 4mm
-                parasitic elements.
-              </p>
-            </mat-card-content>
-            <mat-card-actions>
-              <button mat-button (click)="openUrl('https://www.thingiverse.com/thing:4427895')">Download</button>
-            </mat-card-actions>
-          </mat-card>
-        </mat-grid-tile>
-        <mat-grid-tile></mat-grid-tile>
-      </mat-grid-list>
+
+      <mat-card class="card-tile-sizing">
+        <mat-card-header>
+          <mat-card-title>Yagi_30_4.stl</mat-card-title>
+          <mat-card-subtitle>Boom 30mm, parasitic 4mm</mat-card-subtitle>
+        </mat-card-header>
+        <img mat-card-image  src="https://cdn.thingiverse.com/assets/93/a8/c0/3f/64/featured_preview_Yagi_30_4.png"
+             alt="featured_preview_Yagi_30_4.png">
+        <mat-card-content>
+          <p>
+            Antenna parasitic element connector for easy install and adjusting. It's for 30mm diameter boom and 4mm
+            parasitic elements.
+          </p>
+        </mat-card-content>
+        <mat-card-actions>
+          <button mat-button (click)="openUrl('https://www.thingiverse.com/thing:4427895')">Download</button>
+        </mat-card-actions>
+      </mat-card>
+
     </mat-expansion-panel>
   </mat-accordion>
 
diff --git a/yagi-pro/src/app/app.component.scss b/yagi-pro/src/app/app.component.scss
index 6c8a297..ddb6e90 100644
--- a/yagi-pro/src/app/app.component.scss
+++ b/yagi-pro/src/app/app.component.scss
@@ -89,8 +89,6 @@ footer a {
   align-items: center;
 }
 
-.grid-tile-position {
-  max-width: 50%;
-  position: absolute;
-  left: 5px;
+.card-tile-sizing {
+  max-width: 400px;
 }