update small-menu

assets/css/app.scss

@@ -143,7 +143,6 @@ pre[class*="language-"] {
         margin: 0;
         padding: 0;
         list-style: none;
-
     }
 
     li {
@@ -178,15 +177,20 @@ pre[class*="language-"] {
     .navigation {
         padding-top: 0;
         display: none;
+        margin-top: 10px;
 
-        a {
-            margin-left: 2px;
-            padding-top: 12px;
-            padding-bottom: 12px;
-        }
+        li {
+            $radius: 8px;
 
-        .deblan-icon {
-            margin-right: 0;
+            &:first-child, &:first-child a {
+                border-top-right-radius: $radius;
+                border-top-left-radius: $radius;
+            }
+
+            &:last-child, &:last-child a {
+                border-bottom-right-radius: $radius;
+                border-bottom-left-radius: $radius;
+            }
         }
     }
 
@@ -194,8 +198,9 @@ pre[class*="language-"] {
         display: block;
     }
 
-    img {
-        padding: 10px;
+    .logo-svg {
+        margin-left: 10px;
+        margin-top: 20px;
     }
 }
 

templates/module/_navigation.html.twig

@@ -60,7 +60,7 @@
 </div>
 <div class="small-menu hidden-large hidden-medium visible-small">
     <a href="{{ safe_path('blog_menu_posts') }}">
-        <img src="{{ asset('build/images/logo-small.png') }}" class="fixed" alt="Deblan blog">
+        {{ include('module/_logo.html.twig') }}
     </a>
 
     <nav class="navigation">