More styles

src/assets/styles/common-components.scss

@@ -1,3 +1,5 @@
+@use 'common-mixins' as mixins;
+
 .oval,
 .square {
     font-weight: 600;
@@ -48,7 +50,7 @@
         color: var(--iqser-white);
     }
 
-    &.primary--white {
+    &.primary-white {
         background-color: var(--iqser-primary);
         color: var(--iqser-white);
     }
@@ -88,3 +90,11 @@
         }
     }
 }
+
+.overlay-shadow {
+    @include mixins.inset-shadow;
+    position: fixed;
+    width: 100%;
+    height: 4px;
+    z-index: 2;
+}

src/assets/styles/common-menu.scss

@@ -0,0 +1,62 @@
+@use 'common-mixins';
+
+.mat-menu-panel {
+    border-radius: 8px !important;
+    box-shadow: 0 2px 6px 0 rgba(40, 50, 65, 0.3);
+    max-width: none !important;
+    min-width: 180px !important;
+    margin-top: 10px;
+    @include common-mixins.scroll-bar;
+
+    .mat-menu-content:not(:empty) {
+        padding-top: 8px;
+        padding-bottom: 24px;
+    }
+
+    &.padding-bottom-0 .mat-menu-content:not(:empty) {
+        padding-bottom: 0;
+    }
+
+    &.padding-bottom-8 .mat-menu-content:not(:empty) {
+        padding-bottom: 8px;
+    }
+
+    .mat-menu-item {
+        font-size: 13px;
+        color: var(--iqser-accent);
+        padding: 0 8px;
+        margin: 0 8px 2px 8px;
+        border-radius: 4px;
+        width: -webkit-fill-available;
+
+        display: flex;
+        align-items: center;
+
+        > *:not(:last-child) {
+            margin-right: 8px;
+        }
+
+        .arrow-wrapper {
+            width: 16px;
+            text-align: center;
+
+            mat-icon {
+                width: 16px;
+                height: 16px;
+                margin: 0;
+            }
+        }
+
+        &.padding-left {
+            padding-left: 56px;
+        }
+
+        &:last-of-type {
+            margin-bottom: 0;
+        }
+
+        &:hover {
+            background-color: rgba(var(--iqser-primary-rgb), 0.1);
+        }
+    }
+}

src/assets/styles/common-styles.scss

@@ -6,3 +6,4 @@
 @use 'common-layout';
 @use 'common-dialogs';
 @use 'common-components';
+@use 'common-menu';

src/assets/styles/common-tables.scss

@@ -2,3 +2,14 @@
     width: 11px;
     padding: 0 !important;
 }
+
+.table-header-actions {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: flex-end;
+
+    > *:not(:last-child) {
+        margin-right: 10px;
+    }
+}