From 6b551dde997cd6a41baad9f5ddde95549cc0fd46 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Sat, 12 Dec 2020 10:33:57 -0400
Subject: [PATCH] Update about page

---
 web/src/components/AboutCard.vue | 76 ++++++++++++++++++--------------
 1 file changed, 43 insertions(+), 33 deletions(-)

diff --git a/web/src/components/AboutCard.vue b/web/src/components/AboutCard.vue
index e324e1e..b3136cb 100755
--- a/web/src/components/AboutCard.vue
+++ b/web/src/components/AboutCard.vue
@@ -2,7 +2,7 @@
   <v-card flat>
     <v-card-title
       class="font-weight-light"
-      :class="{ 'display-2': $vuetify.breakpoint.mdAndUp }"
+      :class="{ 'display-1': $vuetify.breakpoint.mdAndUp }"
     >
       Sobre esta aplicação
     </v-card-title>
@@ -10,38 +10,48 @@
       Desenvolvida pelo SERTI de Ponta Porã. Feedback
       <a href="mailto:serti.pp@ifms.edu.br">serti.pp@ifms.edu.br</a>.
     </v-card-text>
-    <v-img class="my-5" src="../assets/logoTI.svg" height="256" contain />
-    <v-card-text>
-      <span class="headline">Principais tecnologias utilizadas:</span>
-      <v-container fluid>
-        <v-row>
-          <v-col v-for="group in appTechs" :key="group.subtitle">
-            <v-list two-line>
-              <v-subheader>
-                {{ group.subtitle }}
-              </v-subheader>
-              <v-list-item
-                v-for="(tech, index) in group.techs"
-                :key="index"
-                two-line
-              >
-                <v-list-item-avatar>
-                  <v-icon>{{ tech.icon }}</v-icon>
-                </v-list-item-avatar>
-                <v-list-item-content>
-                  <v-list-item-title>
-                    {{ tech.title }}
-                  </v-list-item-title>
-                  <v-list-item-subtitle>
-                    <a target="_blank" :href="tech.link">{{ tech.link }}</a>
-                  </v-list-item-subtitle>
-                </v-list-item-content>
-              </v-list-item>
-            </v-list>
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-card-text>
+    <v-row align-content="center" class="fill-height">
+      <v-col>
+        <v-img class="my-5" src="../assets/logoTI.svg" height="256" contain />
+      </v-col>
+
+      <v-col>
+        <v-card-text>
+          <span class="headline font-weight-light"
+            >Principais tecnologias utilizadas:</span
+          >
+          <v-container fluid>
+            <v-row>
+              <v-col v-for="group in appTechs" :key="group.subtitle">
+                <v-list two-line>
+                  <v-subheader>
+                    {{ group.subtitle }}
+                  </v-subheader>
+                  <v-list-item
+                    v-for="(tech, index) in group.techs"
+                    :key="index"
+                    two-line
+                  >
+                    <v-list-item-avatar>
+                      <v-icon>{{ tech.icon }}</v-icon>
+                    </v-list-item-avatar>
+                    <v-list-item-content>
+                      <v-list-item-title>
+                        {{ tech.title }}
+                      </v-list-item-title>
+                      <v-list-item-subtitle>
+                        <a target="_blank" :href="tech.link">{{ tech.link }}</a>
+                      </v-list-item-subtitle>
+                    </v-list-item-content>
+                  </v-list-item>
+                </v-list>
+              </v-col>
+            </v-row>
+          </v-container>
+        </v-card-text>
+      </v-col>
+    </v-row>
+
     <v-card-actions>
       <v-spacer />
       <v-btn large color="primary" :to="{ name: 'home' }" exact>