Update about page

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,9 +10,16 @@
       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-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">Principais tecnologias utilizadas:</span>
+          <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">
@@ -42,6 +49,9 @@
             </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>