#20 Placement of R3 logo improved in low-width environment

_includes/footer.html

@@ -4,11 +4,13 @@
     <data class="u-url" href="{{ "/" | relative_url }}"></data>
 
     <div class="footer-cp">
+      <div class="r3-logo-container">
+        <img class="r3-logo"
+             src="{{ '/assets/banners/r3-logo.svg' | relative_url }}"
+             type="image/svg+xml" />
+      </div>
+
       <p>
-        <div class="r3-logo">
-          <img src="{{ '/assets/banners/r3-logo.svg' | relative_url }}"
-               type="image/svg+xml"/>
-        </div>
 
         © <a href="https://wwwen.uni.lu/" target="_parent">Université du Luxembourg</a> {{ site.date | escape }}. All rights reserved.
 

_sass/minima/_lcsb.scss

@@ -45,12 +45,15 @@
   right: 0px;
 }
 
+.r3-logo-container {
+}
+
 .r3-logo {
   float: left;
   position: relative;
   top: -10px;
-  width: 40px;
   left: 100px;
+  width: 40px;
 }
 
 .social-media-list {
@@ -108,6 +111,22 @@
     width: 120px;
     display: none;
   }
+
+  .r3-logo {
+    width: 32px;
+    margin: 0px auto;
+
+    float: none;
+    position: initial;
+    top: unset;
+    left: unset;
+  }
+
+  .r3-logo-container {
+    width: 100%;
+    position: relative;
+    top: -10px;
+  }
 }
 
 // Ultra-small screen ==================================================================================