From f91228bb7bce8eede8141fc24784352440c62ff1 Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <cam@camscode.com>
Date: Sun, 5 Jun 2022 09:00:12 -0400
Subject: [PATCH] Fixed text alignment in github page

---
 public/index.html                           | 23 ---------------------
 src/components/css/Github.css               | 12 +++++------
 src/components/subcomponents/GithubRepos.js |  9 ++++----
 3 files changed, 11 insertions(+), 33 deletions(-)
diff --git a/public/index.html b/public/index.html
index d5c0374..e5494dc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,35 +10,12 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
     <title>Cam's Portfolio</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <div id="modal"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/src/components/css/Github.css b/src/components/css/Github.css
index fb8cda1..6b30029 100644
--- a/src/components/css/Github.css
+++ b/src/components/css/Github.css
@@ -65,12 +65,13 @@
 }
 
 .repo .languages {
-    align-items: center;
     display: flex;
     flex-direction: row;
-    padding: 10px;
-    width: 100%;
     flex-wrap: wrap;
+    align-content: center;
+    align-items: center;
+    padding: 5px;
+    width: 100%;
 }
 
 .repo .language {
@@ -80,12 +81,11 @@
     border-radius: 10px;
     background-color: #756B6A;
     color: #DAD4DF;
+    font-size: medium;
 }
 
-.repo .times {
+.repo .time {
     padding: 5px;
-    margin: 2px;
-    margin-left: 5px;
     width: 100%;
     text-align: start;    
 }
diff --git a/src/components/subcomponents/GithubRepos.js b/src/components/subcomponents/GithubRepos.js
index 7209118..4b6baaf 100644
--- a/src/components/subcomponents/GithubRepos.js
+++ b/src/components/subcomponents/GithubRepos.js
@@ -74,10 +74,11 @@ class GithubRepos extends React.Component {
                     this.renderLanguages(repo.name) // Render each language for the repo
                   }
               </div>
-              <div className="times">
-                  Last Updated: {updated}
-                  <br/>
-                  Created: {created}
+              <div className="time">
+                Last Updated: {updated}
+              </div>
+              <div className="time">
+                Created: {created}
               </div>
             </div>
             
