projects list button refactoring

Chudroy · Aug 26, 2022 · 67e9ed4 · 67e9ed4
1 parent 2eb7311
commit 67e9ed4
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 12 deletions.
diff --git a/backend/public/index.html b/backend/public/index.html
@@ -11,6 +11,6 @@
   <style>.mat-typography{font:400 14px/20px Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}body{margin:0}</style><link rel="stylesheet" href="styles.c9078d5ee845f055.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.c9078d5ee845f055.css"></noscript></head>
   <body class="mat-typography">
     <app-root class=""></app-root>
-  <script src="runtime.aaedba49815d2ab0.js" type="module"></script><script src="polyfills.1a4a779d95e3f377.js" type="module"></script><script src="main.0d0a334d472c2c4f.js" type="module"></script>
+  <script src="runtime.aaedba49815d2ab0.js" type="module"></script><script src="polyfills.1a4a779d95e3f377.js" type="module"></script><script src="main.70de7951d850c397.js" type="module"></script>
 
 </body></html>
diff --git a/backend/public/main.0d0a334d472c2c4f.js → backend/public/main.70de7951d850c397.js b/backend/public/main.0d0a334d472c2c4f.js → backend/public/main.70de7951d850c397.js
diff --git a/frontend/src/app/project-list/project-list.component.css b/frontend/src/app/project-list/project-list.component.css
@@ -26,3 +26,8 @@
   flex-direction: column;
   justify-content: space-evenly;
 }
+
+a {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
diff --git a/frontend/src/app/project-list/project-list.component.html b/frontend/src/app/project-list/project-list.component.html
@@ -19,7 +19,8 @@ <h2>{{ "MORE_PROJECTS.TITLE" | translate }}</h2>
         <a
           href="/~https://github.com/Chudroy/portfolio-page"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >GITHUB REPO</a
         >
       </mat-card-actions>
@@ -43,7 +44,8 @@ <h2>{{ "MORE_PROJECTS.TITLE" | translate }}</h2>
         <a
           href="/~https://github.com/Chudroy/Point-and-Click-Infrastructure"
           target="blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >GITHUB REPO</a
         >
       </mat-card-actions>
@@ -67,7 +69,8 @@ <h2>{{ "MORE_PROJECTS.TITLE" | translate }}</h2>
         <a
           href="/~https://github.com/Chudroy/Blank-MEAN-Stack-Project-Template"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >GITHUB REPO</a
         >
       </mat-card-actions>
@@ -91,13 +94,15 @@ <h2>{{ "MORE_PROJECTS.TITLE" | translate }}</h2>
         <a
           href="/~https://github.com/Chudroy/Gaugan-Automatic-Processing"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >GITHUB REPO</a
         >
         <a
           href="https://www.youtube.com/watch?v=FElW6SWkP08"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >YOUTUBE VIDEO</a
         >
       </mat-card-actions>
@@ -121,13 +126,15 @@ <h2>{{ "MORE_PROJECTS.TITLE" | translate }}</h2>
         <a
           href="/~https://github.com/Chudroy/Dobble-Generator"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >GITHUB REPO</a
         >
         <a
           href="https://editor.p5js.org/Chudroy/sketches/mVIU2IB0Y"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >LIVE WEBSITE</a
         >
       </mat-card-actions>
@@ -152,13 +159,15 @@ <h2>{{ "MORE_PROJECTS.TITLE" | translate }}</h2>
         <a
           href="/~https://github.com/Chudroy/Algorithmic-Botany"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >GITHUB REPO</a
         >
         <a
           href="https://editor.p5js.org/Chudroy/sketches/mVIU2IB0Y"
           target="_blank"
-          mat-button
+          mat-flat-button
+          color="primary"
           >P5JS SKETCH</a
         >
       </mat-card-actions>

diff --git a/frontend/src/app/work/work.component.css b/frontend/src/app/work/work.component.css
@@ -73,7 +73,7 @@ h2 {
 
 a {
   margin-left: 0.5rem;
-  margin-right: 1rem;
+  margin-right: 0.5rem;
 }
 
 @media only screen and (max-width: 2400px) {