finished logos on home page #1258

assets/css/app.scss

@@ -1336,17 +1336,27 @@ footer[role="tools"]{
     }
     ;
     #logos{
+      // max-height: 100%;
+      position: relative;
+      flex-shrink: 1;
+      // display: flex;
+      // flex-direction: row;
+      // justify-content: flex-end;
+      .wrapper{
+        position: relative;
         box-sizing: content-box;
-      max-height: 50px;
+        // max-height: 50px;
         padding:1em;
         text-align: right;
+        height: 50px;
         img{
-        display: inline-block;
+          // display: inline-block;
-        max-height: 100%;
+          height: 100%;
           padding-left: 1em;
         }
       }
     }
+  }
   h2{
     margin:0;
     font-size: 0.756em;

src/App.vue

@@ -27,10 +27,13 @@
         <div
           v-if="$route.name === 'home' && (!searchResults || !searchResults.length)"
           id="logos"
-          class="col-7"
+          class="small-col-12 med-col-7 large-col-7"
         >
-          <img src="/static/img/logos/labex.jpg" alt="">
+          <div class="wrapper">
-          <img src="/static/img/logos/PIA logo.png" alt="">
+            <img src="/static/img/logos/labex.jpg" alt="Labex">
+            <img src="/static/img/logos/PIA logo.png" alt="PIA">
+            <img src="/static/img/logos/Logo-HAR-Unite-de-recherche.png" alt="HAR">
+          </div>
         </div>
       </div>
     </footer>

src/components/nav/Search.vue

@@ -116,9 +116,9 @@ export default {
     wrapperClass () {
       console.log('this.$route.name', this.$route.name)
       if (this.$route.name === 'home' && (!this.results || !this.results.length)) {
-        return 'col-4'
+        return 'small-col-11 med-col-4 large-col-4'
       } else {
-        return 'col-11'
+        return 'med-col-11 large-col-11'
       }
     },
     firstFieldsetClass () {