Updated styling

assets/css/less/default/forms/forms.less

@@ -422,7 +422,7 @@ progress::-moz-progress-bar {
   outline: none;
 
   line-height: 1.75em;
-  padding: .4em 1em;
+  padding: .25em .75em .2em;
   transition: background-color .05s;
 
   border: 1px solid transparent;
@@ -435,21 +435,20 @@ progress::-moz-progress-bar {
 
   &.btn-lg {
     font-size: 1.25em;
-    padding: .4em 1em;
-    line-height: 2em;
+    padding: .25em 1em .2em;
   }
 
   // Small button
   &.btn-sm {
     font-size: .9em;
-    padding: .4em 1em;
+    padding: .15em .5em .1em;
     line-height: 1.5em;
   }
 
   // Extra small button
   &.btn-xsm {
     font-size: .8em;
-    padding: .4em .6em;
+    padding: .175em .4em .15em;
     line-height: 1.25em;
   }
 

assets/css/less/default/page/header.less

@@ -26,6 +26,7 @@ header {
     @media (min-width: @mediaQuerySmall) {
       flex-flow: row nowrap;
       justify-content: flex-start;
+      align-items: center;
     }
 
     // Logo

assets/css/less/extend/extended.less

@@ -13,4 +13,7 @@
 @import "forms/buttons";
 
 // Icon(s)
-@import "icon/icon";
+@import "icon/icon";
+
+// Notification
+@import "notification/notification";

assets/css/less/extend/notification/notification.less

@@ -0,0 +1,70 @@
+/**
+ * Iași Digital
+ * A data-driven perspective of the city.
+ *
+ * @author Innovator Dev <[email protected]>
+ * @link https://iasi.digital
+ * @link https://oras.digital
+ *
+ * @copyright (c) Iasi Digital [https://iasi.digital]
+ */
+
+.notification {
+  display: table;
+  border-radius: .35em;
+  padding: .5em .75em;
+  margin: .5em auto 1em;
+  color: var(--text-color);
+
+  &.notification-sm {
+    font-size: .9em;
+    padding: .25em .5em;
+  }
+
+  &.notification-inline {
+    display: inline-block;
+  }
+
+  &.error {
+    background: var(--danger);
+    color: var(--text-color-white);
+  }
+
+  &.info {
+    background: var(--notification-info-background-color);
+    color: var(--notification-info-text-color);
+  }
+
+  &.success {
+    background: var(--green);
+    color: var(--text-color-white);
+  }
+
+  &.warning {
+    background: var(--orange);
+    color: var(--text-color-white);
+  }
+
+  // Floating notification
+  &.notification-floating {
+    position: fixed;
+    z-index: 2;
+
+    font-size: .9em;
+    width: 90%;
+
+    // Positioning
+    bottom: 20px;
+    left: 5%;
+
+    @media (min-width: @mediaQueryMedium) {
+      width: auto;
+      left: 2em;
+    }
+  }
+
+  // Fade in animation
+  &.notification-animation {
+    animation: fadeIn 1s;
+  }
+}

assets/css/less/external/map/map.less

@@ -71,7 +71,7 @@
     }
 
     h6 {
-      font-width: 500;
+      font-weight: 500;
       font-size: 1em;
       margin: 0 auto .25em;
       padding: 0;
@@ -197,11 +197,43 @@
 
     // Headings
     h6 {
-      font-width: 500;
+      font-weight: 500;
       font-size: 1em;
       margin: 1em auto .25em;
       padding: 0;
     }
+
+    // Navigation
+    nav {
+      display: flex;
+      flex-flow: column nowrap;
+      justify-content: space-around;
+      align-items: center;
+      margin: 1em auto 0;
+
+      input[type=submit], input[type=button], input[type=reset], button, a.btn {
+        .grid;
+        margin: .5em auto 0;
+
+        @media (min-width: @mediaQueryMedium) {
+          width: auto;
+          margin: 0 0 0 .5em;
+        }
+
+        &:first-child {
+          margin: 0;
+        }
+
+        // Move to right
+        &.ml {
+          margin-left: auto;
+        }
+
+        &.mr {
+          margin-right: auto;
+        }
+      }
+    }
   }
 }
 

assets/css/less/vars.less

@@ -1,16 +1,17 @@
-/*
+/**
  * Iași Digital
  * A data-driven perspective of the city.
  *
  * @author Innovator Dev <[email protected]>
- * @link https://oras.digital
  * @link https://iasi.digital
+ * @link https://oras.digital
  *
- * @copyright (c) 2023. Iasi Digital [https://iasi.digital]
+ * @copyright (c) Iasi Digital [https://iasi.digital]
  */
 
 // Assets path
 @ASSETS: 'https://iasi.digital/assets/';
+@ASSETS: 'https://iasidigital.idealweb.ro/assets/';
 
 // Devices
 // Small devices (landscape phones, 576px and up)
@@ -85,4 +86,30 @@
   --google-map-control-text-color: #666;
   --google-map-control-text-color-hover: #222;
   --google-map-control-text-color-selected: #0182dd;
+
+  --notification-info-background-color: #abcbed;
+  --notification-info-text-color: #222;
+
+  --blue: #007bff;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #dc3545;
+  --orange: #fd7e14;
+  --yellow: #ffc107;
+  --green: #28a745;
+  --teal: #20c997;
+  --cyan: #17a2b8;
+  --white: #ffffff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --black: #000;
+  --primary: #007bff;
+  --secondary: #6c757d;
+  --success: #28a745;
+  --info: #17a2b8;
+  --warning: #ffc107;
+  --danger: #dc3545;
+  --light: #f8f9fa;
+  --dark: #343a40;
 }