Add cart footer layout and update Sass settings for improved styling

.vscode/settings.json

@@ -1,3 +1,18 @@
 {
+	"liveSassCompile.settings.formats": [
+		{
+			"format": "compressed",
+			"extensionName": ".css",
+			"savePath": "",
+			"savePathSegmentKeys": null,
+			"savePathReplaceSegmentsWith": null
+		}
+	],
+	"liveSassCompile.settings.generateMap": true,
+	"liveSassCompile.settings.autoprefix": "defaults",
+  "liveSassCompile.settings.watchOnLaunch": true,
+  "liveSassCompile.settings.includeItems": [
+    "/themes/classic/assets/css/custom.scss"
+  ],
   "git.ignoreLimitWarning": true
-}
+}

themes/classic/assets/css/custom.scss

@@ -3171,4 +3171,14 @@ body#authentication {
       }
     }
   }
+}
+
+.cart-grid-footer {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+
+  img {
+    height: 30px;
+  }
 }

themes/classic/templates/checkout/cart.tpl

@@ -54,11 +54,12 @@
             <i class="material-icons">chevron_left</i>{l s='Continue shopping' d='Shop.Theme.Actions'}
           </a>
         {/block} *}
-
+        <div class="cart-grid-footer">
+          {block name='hook_shopping_cart_footer'}
+            {hook h='displayShoppingCartFooter'}
+          {/block}
         <!-- shipping informations -->
-        {block name='hook_shopping_cart_footer'}
+        </div>
-          {hook h='displayShoppingCartFooter'}
-        {/block}
       </div>
 
       <!-- Right Block: cart subtotal & cart total -->