home page styling fixes

Computational-Plant-Science · May 8, 2020 · 90620c0 · 90620c0
1 parent 91586cf
commit 90620c0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 14 deletions.
diff --git a/plantit/front_end/src/components/home/HomeAbout.vue b/plantit/front_end/src/components/home/HomeAbout.vue
@@ -6,7 +6,7 @@
                 footer-bg-variant="white"
                 footer-border-variant="white"
                 border-variant="default"
-                style="max-width: 540px;padding: 0;margin: 0 auto;float: none;margin-bottom: 10px; opacity: 0.98"
+                style="max-width: 475px;padding: 0;margin: 0 auto;float: none;margin-bottom: 10px; opacity: 0.98"
             >
                 <b-row align-v="center" class="justify-content-md-center">
                     <b-col>
@@ -20,8 +20,7 @@
                 </b-row>
                 <b-card-body class="text-center">
                     <p>
-                        PlantIT is <b>Phenomics</b>-as-a-Service software for
-                        plant science!
+                        <b>Phenomics</b>-as-a-Service for accessible plant science!
                     </p>
                 </b-card-body>
                 <b-navbar toggleable="sm" class="m-0 p-0">
@@ -51,9 +50,9 @@
                         </b-navbar-nav>
                     </b-collapse>
                 </b-navbar>
-                <template v-slot:footer>
-                    <b-row class="m-0 p-0 mb-1">
-                        <b-col class="m-0 p-0 mr-2">
+                <template v-slot:footer class="m-0 p-0">
+                    <b-row class="m-0 p-0">
+                        <b-col class="ml-4 mr-4 mb-4 mt-0 p-0">
                             <b-button variant="white" block class="text-center" href="/login/?next=/dashboard/">
                                 <b-img
                                     :src="

diff --git a/plantit/front_end/src/components/home/HomeDevelopers.vue b/plantit/front_end/src/components/home/HomeDevelopers.vue
@@ -17,7 +17,7 @@
             <b-row class="mt-2">
                 <b-col md="auto">
                     <b-card
-                        sub-title="Reproducible science via code or click"
+                        sub-title="Reproducible pipelines with code or click"
                         sub-title-text-variant="success"
                         class="text-left rounded-0 overflow-hidden"
                         bg-variant="dark"

diff --git a/plantit/front_end/src/components/home/HomeResearchers.vue b/plantit/front_end/src/components/home/HomeResearchers.vue
@@ -19,7 +19,7 @@
                         </p>
                     </template>
                     <b-img
-                        style="border: none"
+                        style="border: none; max-width: 70rem"
                         center
                         fluid
                         :src="require('@/assets/frontpage/icons/hex1.png')"

diff --git a/plantit/front_end/src/views/About.vue b/plantit/front_end/src/views/About.vue
@@ -93,7 +93,7 @@
                                         </b-card>
                                         <b-card
                                             title="Wes Bonelli"
-                                            sub-title="Developer"
+                                            sub-title="Software Developer"
                                             style="min-width: 20rem"
                                         >
                                             <template
@@ -138,7 +138,7 @@
                                     <b-card-group columns>
                                         <b-card
                                             title="Chris Cotter"
-                                            sub-title="Developer"
+                                            sub-title="Software Developer"
                                             style="min-width: 20rem;"
                                         >
                                             <template
@@ -167,7 +167,7 @@
                                         </b-card>
                                         <b-card
                                             title="Abhiram Das"
-                                            sub-title="Developer"
+                                            sub-title="Software Developer"
                                             style="min-width: 20rem"
                                         >
                                             <template
@@ -216,7 +216,7 @@
                                         </b-card>
                                         <b-card
                                             title="Maria Luck"
-                                            sub-title="Developer"
+                                            sub-title="Software Developer"
                                             style="min-width: 20rem"
                                         >
                                             <template
@@ -238,9 +238,9 @@
                                 </b-tab>
                             </b-tabs>
                         </b-tab>
-                        <b-tab title="Workflow Contributors">
+                        <b-tab title="Workflow Developers">
                             <template v-slot:title class="m-0 p-0">
-                                <b class="dark">Workflow Contributors</b>
+                                <b class="dark">Workflow Developers</b>
                             </template>
                         </b-tab>
                         <b-tab title="User Community">