@provoly/dashboard 0.22.4 → 0.22.5

package/styles-theme/components-theme/_o-date-picker.theme.scss

@@ -3,11 +3,11 @@
 
 /* Theme Atom - date picker */
 .o-date-picker {
-  background: themed($theme-map, 'color', 'primary', 'contrast', 600);
+  background: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
   &__header__dropdown {
     color: themed($theme-map, 'color', 'primary', 600);
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
   }
 
   .a-icon {

package/styles-theme/components-theme/_o-draggable-menu.theme.scss

@@ -6,7 +6,7 @@
 .o-draggable-menu {
   border-radius: toRem(8);
   background-color: themed($theme-map, 'color', 'primary', 50);
-  box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
 
   &__list {
     &__item {
@@ -20,7 +20,7 @@
     &__submenu {
       border-radius: toRem(5);
       background-color: themed($theme-map, 'color', 'primary', 50);
-      box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.2);
+      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
     }
   }
 }

package/styles-theme/components-theme/_o-multi-class-field-selection.theme.scss

@@ -30,7 +30,7 @@
         background-color: themed($theme-map, 'color', 'accent', 500);
 
         .a-btn {
-          color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+          color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         }
       }
 

package/styles-theme/components-theme/_o-object-panel.theme.scss

@@ -6,6 +6,6 @@
 .o-object-panel {
   .date-picker-container {
     border-color: themed($theme-map, 'color', 'primary', 400);
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
   }
 }

package/styles-theme/components-theme/_o-pry-admin-classes-customize.theme.scss

@@ -12,12 +12,3 @@
     }
   }
 }
-
-.a-chips {
-  color: themed($theme-map, 'color', 'accent', 'contrast', 600);
-  background-color: themed($theme-map, 'color', 'accent', 600);
-
-  &.-not-found {
-    background-color: themed($theme-map, 'color', 'accent', 100);
-  }
-}

package/styles-theme/components-theme/_o-pry-dataset-card.theme.scss

@@ -15,4 +15,12 @@
     border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
     border-bottom: 1px themed($theme-map, 'color', 'primary', 300) solid;
   }
+
+  &:hover {
+    background-color: themed($theme-map, 'color', 'primary', 300);
+
+    .o-pry-dataset-card__footer {
+      border-top: 1px themed($theme-map, 'color', 'primary', 400) solid;
+    }
+  }
 }

package/styles-theme/components-theme/_o-pry-presentation.theme.scss

@@ -6,6 +6,14 @@
   &__item {
     @extend %card-with-hover;
 
+    &:hover {
+      background-color: themed($theme-map, 'color', 'primary', 300);
+
+      .o-presentation__item__footer {
+        border-top: 1px themed($theme-map, 'color', 'primary', 400) solid;
+      }
+    }
+
     &__header {
       background-color: themed($theme-map, 'color', 'primary', 100);
 
@@ -15,27 +23,17 @@
     }
 
     &__txt {
-      .a-p {
-        &.-date {
-          color: themed($theme-map, 'color', 'primary', 500);
-        }
+      .a-h3 {
+        color: themed($theme-map, 'color', 'primary', 600);
       }
     }
 
     &__footer {
-      border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
+      border-top: 1px themed($theme-map, 'color', 'grey', 300) solid;
 
       pry-icon {
-        color: themed($theme-map, 'color', 'accent', 400);
+        color: themed($theme-map, 'color', 'primary', 600);
       }
     }
   }
-
-  .more-button {
-    background: transparent;
-
-    .a-btn {
-      background-color: themed($theme-map, 'color', 'primary', 50);
-    }
-  }
 }

package/styles-theme/components-theme/_o-pry-search-tools.theme.scss

@@ -4,13 +4,7 @@
 /* Theme Organism - pry search tools */
 
 .o-pry-search-tools {
-  // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
   border-right: 1px themed($theme-map, 'color', 'primary', 300) solid;
-  // background-color: themed($theme-map, 'color', 'primary', 500);
-
-  /*.a-btn.-back{
-    color: themed($theme-map, 'color', 'primary', 'contrast', 600);
-  }*/
 
   &.is-close {
     border-right-color: themed($theme-map, 'color', 'primary', 400);
@@ -20,23 +14,18 @@
     border-bottom-color: themed($theme-map, 'color', 'primary', 400);
 
     [class*='a-h'] {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+      color: themed($theme-map, 'color', 'primary', 'contrast', 50);
     }
 
     .a-btn {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+      color: themed($theme-map, 'color', 'primary', 'contrast', 50);
     }
   }
 
   &__content {
     #btn_reset {
-      // color: themed($theme-map, 'color', 'primary', 'contrast', 600);
       font-weight: 300;
     }
-
-    /*.a-toggle {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 600);
-    }*/
   }
 
   &__footer {

package/styles-theme/components-theme/_o-pry-stepper.theme.scss

@@ -5,30 +5,28 @@
 .o-pry-stepper {
   .m-stepper-item {
     &__count {
-      background-color: #c2d1d9;
+      background-color: themed($theme-map, 'color', 'primary', 400);
 
       &.-active {
-        // background-color: #424B5A;
-        background-color: themed($theme-map, 'color', 'accent', 700);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
 
       &.-complete {
-        // background-color: #6C7784;
-        background-color: themed($theme-map, 'color', 'accent', 400);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
     }
   }
 
   .m-stepper-line {
-    background: themed($theme-map, 'color', 'accent', 100);
+    background-color: themed($theme-map, 'color', 'primary', 400);
 
     &__percent {
       &.-active {
-        background-color: themed($theme-map, 'color', 'accent', 800);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
 
       &.-complete {
-        background-color: themed($theme-map, 'color', 'accent', 600);
+        background-color: themed($theme-map, 'color', 'primary', 600);
       }
     }
   }

package/styles-theme/components-theme/_o-restitution-list.theme.scss

@@ -17,7 +17,7 @@
       &__action {
         border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;
 
-        .a-btn--ghost {
+        .a-btn--secondary {
           font-size: toRem(14);
           line-height: toRem(18);
         }

package/styles-theme/components-theme/_o-search-fulltext.theme.scss

@@ -5,7 +5,7 @@
 .o-search-fulltext {
   &__classes {
     color: themed($theme-map, 'color', 'graph', 01);
-    background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
     &__content {
       color: themed($theme-map, 'color', 'graph', 01);
@@ -28,7 +28,7 @@
       }
 
       &__selected {
-        color: themed($theme-map, 'color', 'primary', 'contrast', 200);
+        color: themed($theme-map, 'color', 'primary', 'contrast', 50);
         background-color: themed($theme-map, 'color', 'primary', 200);
       }
     }

package/styles-theme/components-theme/_o-search-multi-class.theme.scss

@@ -4,24 +4,19 @@
 /* Theme Organism - Search multi class */
 
 .o-search-multi-class {
-  // background-color: themed($theme-map, 'color', 'primary', 500);
   &__header {
     .a-h3 {
-      // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
       font-size: toRem(14);
     }
   }
 
   &__add-condition {
     .a-btn.a-btn--secondary {
-      // border-color: themed($theme-map, 'color', 'primary', 'contrast', 500);
       border-width: 1px;
-      // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
     }
   }
 
   .a-btn.a-btn--icon-text {
-    // color: themed($theme-map, 'color', 'primary', 'contrast', 500);
     font-size: toRem(13);
     font-weight: 400;
   }

package/styles-theme/components-theme/_o-settings.theme.scss

@@ -34,7 +34,7 @@
 
         &:hover,
         &:active {
-          color: themed($theme-map, 'color', 'accent', 500);
+          color: themed($theme-map, 'color', 'primary', 600);
         }
 
         &[data-func='delete'] {

package/styles-theme/components-theme/_o-tabs.theme.scss

@@ -16,7 +16,7 @@
 
       &[aria-selected='false'] {
         &:before {
-          border-color: themed($theme-map, 'color', 'primary', 300);
+          border-color: themed($theme-map, 'color', 'accent', 400);
         }
       }
     }

package/styles-theme/components-theme/_o-widget-iframe.theme.scss

@@ -11,13 +11,13 @@
       background-color: transparent;
 
       &:hover {
-        color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+        color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         background-color: themed($theme-map, 'color', 'accent', 500);
       }
 
       &:focus,
       &:active {
-        color: themed($theme-map, 'color', 'accent', 'contrast', 500);
+        color: themed($theme-map, 'color', 'accent', 'contrast', 50);
         background-color: themed($theme-map, 'color', 'accent', 600);
       }
 

package/styles-theme/components-theme/_o-widget.theme.scss

@@ -25,16 +25,45 @@
     @include typography-level(themed($theme-map, 'typography', 'panel'));
   }
 
+  .ol-control {
+    button {
+      color: themed($theme-map, 'color', 'primary', 600);
+
+      &:hover {
+        @include changeBgColor(
+          $targetBgColor: themed($theme-map, 'color', 'primary', 600),
+          $targetTextColor: themed($theme-map, 'color', 'primary', 'contrast', 50),
+          $targetBorderColor: themed($theme-map, 'color', 'primary', 600)
+        );
+      }
+    }
+  }
+
   .m-btn-group.-selection-choice, .m-btn-group.-map-selection-choice {
     border-color: themed($theme-map, 'color', 'primary', 400);
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
+
+    &.-map-export {
+      &:hover {
+        @include changeBgColor(
+          $targetBgColor: themed($theme-map, 'color', 'primary', 600),
+          $targetTextColor: themed($theme-map, 'color', 'primary', 'contrast', 50),
+          $targetBorderColor: themed($theme-map, 'color', 'primary', 600)
+        );
+
+        button {
+          color: themed($theme-map, 'color', 'primary', 50);
+        }
+      }
+    }
 
     .a-btn {
-      color: #113b6e;
+      color: themed($theme-map, 'color', 'primary', 600);
       background-color: transparent;
 
       &.-selected {
         color: themed($theme-map, 'color', 'accent', 500);
-        background-color: themed($theme-map, 'color', 'primary', 'contrast', 500);
+        background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
       }
     }
   }

package/styles-theme/components-theme/_overlay.theme.scss

@@ -9,7 +9,7 @@
   background-color: themed($theme-map, 'color', 'primary', 50);
 
   &.pry-tooltip-reversed {
-    color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+    color: themed($theme-map, 'color', 'primary', 'contrast', 50);
     background-color: themed($theme-map, 'color', 'graph', 01);
   }
 
@@ -21,10 +21,10 @@
 
 .pry-overlay-container {
   color: themed($theme-map, 'color', 'graph', 01);
-  background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+  background-color: themed($theme-map, 'color', 'primary', 'contrast', 50);
 
   &.pry-overlay-reversed {
-    color: themed($theme-map, 'color', 'primary', 'contrast', 700);
+    color: themed($theme-map, 'color', 'primary', 'contrast', 50);
     background-color: themed($theme-map, 'color', 'graph', 01);
   }
 

package/styles-theme/layout-theme/_o-base-layout.theme.scss

@@ -8,17 +8,17 @@
     border-right: 1px themed($theme-map, 'color', 'primary', 400) solid;
 
     .a-btn {
-      color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+      color: themed($theme-map, 'color', 'primary', 'contrast', 50);
     }
   }
 
   &__menu {
     border-right: 1px themed($theme-map, 'color', 'primary', 400) solid;
-    color: themed($theme-map, 'color', 'primary', 'contrast', 600);
+    color: themed($theme-map, 'color', 'primary', 'contrast', 50);
   }
 
   &__toolbox {
     border-bottom-color: themed($theme-map, 'color', 'primary', 300);
-    color: themed($theme-map, 'color', 'primary', 'contrast', 100);
+    color: themed($theme-map, 'color', 'primary', 'contrast', 50);
   }
 }

package/styles-theme/layout-theme/_o-manifest-layout.theme.scss

@@ -6,7 +6,13 @@
 .o-manifest-layout {
   &__toolbox {
     border-bottom-color: themed($theme-map, 'color', 'primary', 300);
-    color: themed($theme-map, 'color', 'primary', 'contrast', 100);
+    color: themed($theme-map, 'color', 'primary', 'contrast', 50);
+
+    &__search {
+      .a-icon {
+        color: themed($theme-map, 'color', 'primary', 600);
+      }
+    }
   }
 
   .o-card-manifest {
@@ -22,7 +28,7 @@
       }
     }
 
-    .m-btn-group .a-btn {
+    .m-btn-group .search-icon {
       color: themed($theme-map, 'color', 'primary', 400);
 
       &:hover {

package/styles-theme/libs-theme/_reset-lib-ol.theme.scss

@@ -6,30 +6,39 @@
 .ol-control button {
   border-color: themed($theme-map, 'color', 'primary', 400);
   background-color: themed($theme-map, 'color', 'grey', 50);
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
 }
 
 .ol-zoom {
   .ol-zoom-in,
   .ol-zoom-out {
-    color: themed($theme-map, 'color', 'primary', 500);
+    font-family: Arial, sans-serif;
+    font-weight: 300;
+    font-size: toRem(24);
+    color: themed($theme-map, 'color', 'primary', 600);
     background-color: themed($theme-map, 'color', 'grey', 50);
 
     &:hover,
     &:focus {
-      background-color: themed($theme-map, 'color', 'grey', 200);
+      @include changeBgColor(
+        $targetBgColor: themed($theme-map, 'color', 'primary', 600),
+        $targetTextColor: themed($theme-map, 'color', 'primary', 'contrast', 50),
+        $targetBorderColor: themed($theme-map, 'color', 'primary', 600)
+      )
     }
   }
 }
 
 .ol-searchbar button,
 .layer-switcher button {
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
   border-color: themed($theme-map, 'color', 'primary', 400) !important;
   background-color: themed($theme-map, 'color', 'grey', 50) !important;
 }
 
 .ol-control button:hover,
 .ol-control button:focus {
-  background-color: themed($theme-map, 'color', 'grey', 200) !important;
+  background-color: themed($theme-map, 'color', 'grey', 200);
 }
 
 .ol-searchbar,

package/styles-theme/main-theme.scss

@@ -4,8 +4,10 @@
 @use 'components-theme/a-badge.theme' as *;
 @use 'components-theme/a-btn.theme' as *;
 @use 'components-theme/a-checkbox.theme' as *;
-@use 'components-theme/a-icon.theme' as *;
+@use 'components-theme/a-chip.theme' as *;
+@use 'components-theme/a-expandable-value.theme' as *;
 @use 'components-theme/a-form-field.theme' as *;
+@use 'components-theme/a-icon.theme' as *;
 @use 'components-theme/a-label.theme' as *;
 @use 'components-theme/a-link.theme' as *;
 @use 'components-theme/a-page-loader.theme' as *;
@@ -14,7 +16,6 @@
 @use 'components-theme/a-table.theme' as *;
 @use 'components-theme/a-toggle.theme' as *;
 @use 'components-theme/a-tooltip.theme' as *;
-@use 'components-theme/a-expandable-value.theme' as *;
 
 
 /* Atoms lib */
@@ -25,15 +26,16 @@
 @use 'components-theme/m-choose-widget.theme' as *;
 @use 'components-theme/m-context-menu.theme' as *;
 @use 'components-theme/m-filter.theme' as *;
+@use 'components-theme/m-form-radio-group.theme' as *;
 @use 'components-theme/m-metadata-tag.theme' as *;
 @use 'components-theme/m-minus-plus.theme' as *;
 @use 'components-theme/m-nav-links.theme' as *;
 @use 'components-theme/m-notifications.theme' as *;
+@use 'components-theme/m-pry-search-select-attribute.theme' as *;
 @use 'components-theme/m-snackbar.theme' as *;
 @use 'components-theme/m-time-picker.theme' as *;
 @use 'components-theme/m-toolbox.theme' as *;
 @use 'components-theme/m-tooltip.theme' as *;
-@use 'components-theme/m-pry-search-select-attribute.theme' as *;
 
 /* Organisms */
 @use 'components-theme/o-accordion.theme' as *;
@@ -41,7 +43,6 @@
 @use 'components-theme/o-catalog.theme' as *;
 @use 'components-theme/o-dashboard.theme' as *;
 @use 'components-theme/o-date-picker.theme' as *;
-@use 'components-theme/o-datasources.theme' as *;
 @use 'components-theme/o-draggable-menu.theme' as *;
 @use 'components-theme/o-modal.theme' as *;
 @use 'components-theme/o-multi-class-condition.theme' as *;

package/toolbox/components/filter-settings/filter-settings.component.d.ts

@@ -2,7 +2,7 @@ import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
 import { Injector, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Store } from '@ngrx/store';
-import { Class, DataSource, FieldType, Filter, FilterFactoryService, GlobalManifest } from '@provoly/dashboard';
+import { Class, DataSource, FieldType, Filter, FilterFactoryService, GlobalManifest, PryI18nService } from '@provoly/dashboard';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { ToolboxActionComponent } from '../toolbox-action/toolbox-action.component';
 import * as i0 from "@angular/core";
@@ -23,6 +23,7 @@ export declare class PryFilterSettingsComponent extends ToolboxActionComponent {
     private viewContainerRef;
     private filterFactoryService;
     private injector;
+    private i18nService;
     label: boolean;
     templateSettings: TemplateRef<any>;
     overlayRefSettings?: OverlayRef;
@@ -56,7 +57,7 @@ export declare class PryFilterSettingsComponent extends ToolboxActionComponent {
     }[]>;
     selectedAttribute$: BehaviorSubject<string[]>;
     container: ViewContainerRef;
-    constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef, filterFactoryService: FilterFactoryService, injector: Injector);
+    constructor(store: Store, overlay: Overlay, viewContainerRef: ViewContainerRef, filterFactoryService: FilterFactoryService, injector: Injector, i18nService: PryI18nService);
     getDatasourceClass(dataSource: DataSource, classes: Class[]): Class | undefined;
     isValidAttributeForComponentType(componentType: string, attribute: Attribute): boolean;
     drop(event: CdkDragDrop<Filter[]>): void;

package/toolbox/components/toolbox.component.d.ts

@@ -3,6 +3,7 @@ import { Store } from '@ngrx/store';
 import { DisplayOptions, PryBaseAccess } from '@provoly/dashboard';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { ToolboxAction } from '../toolbox.model';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 export declare class ToolboxComponent implements OnInit {
     private role;
@@ -12,6 +13,7 @@ export declare class ToolboxComponent implements OnInit {
         order: number;
     }[]>;
     displayLabels: boolean;
+    dropdownPosition: ConnectedPosition[];
     isManualMode$: Observable<boolean>;
     allActions$: Observable<ToolboxAction[]>;
     mainActions$: Observable<ToolboxAction[]>;
@@ -32,5 +34,5 @@ export declare class ToolboxComponent implements OnInit {
     closeDropdown($event: Event | void): void;
     getOrder(actionName: string): number | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolboxComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolboxComponent, "pry-toolbox", never, { "displayLabels": { "alias": "displayLabels"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "dropdownActions": { "alias": "dropdownActions"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolboxComponent, "pry-toolbox", never, { "displayLabels": { "alias": "displayLabels"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "dropdownActions": { "alias": "dropdownActions"; "required": false; }; }, {}, never, never, false, never>;
 }

package/toolbox/style/_o-filter-settings.scss

@@ -12,10 +12,6 @@
   padding: toRem(30) toRem(40);
 }
 
-.backdrop {
-  background-color: rgba(0, 0, 0, 0.3);
-}
-
 .o-filters {
   width: 100%;
 

package/toolbox/style/_o-toolbox.scss

@@ -6,31 +6,7 @@
   &__list {
     display: flex;
     flex-direction: column;
-
-    &__item {
-      .a-btn {
-        border: none;
-        color: #40b688;
-        font-weight: 500;
-        margin-bottom: toRem(-5);
-      }
-
-      .a-btn:disabled {
-        color: #40b688;
-        opacity: 0.5;
-      }
-
-      .a-btn::before {
-        content: '\2192';
-        font-size: toRem(20);
-        padding-bottom: toRem(10);
-      }
-
-      pry-toolbox-action-instanciator {
-        .a-tooltip[data-tooltip][data-tooltip-position=bottom]::after {
-          top: calc(100% - 10px);
-        }
-      }
-    }
+    padding: toRem(4) 0;
+    align-items: flex-end;
   }
 }

package/widgets/widget-map/pipe/widget-map-legend-url.pipe.d.ts

@@ -9,7 +9,7 @@ export declare class WidgetMapLegendUrlPipe implements PipeTransform {
             [p: string]: GetCapabilitiesResponse | null;
         } | undefined | null;
     }]): string;
-    returnStyleForLayer(style: ChildNode): any;
+    returnStyleForLayer(style: ChildNode): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<WidgetMapLegendUrlPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<WidgetMapLegendUrlPipe, "legendUrl", false>;
 }

package/widgets/widget-map/style/{_o-layer-legend.scss → _m-layer-legend.scss}

@@ -1,4 +1,4 @@
-@use '../../../styles/abstracts/index' as *;
+@use '../../../styles/abstracts' as *;
 
 .m-map-layer-action {
   display: flex;
@@ -6,6 +6,10 @@
   z-index: 2;
   right: toRem(8);
 
+  button {
+    border-radius: 8px;
+  }
+
   &.ol-control {
     border: none;
     background-color: transparent;
@@ -21,11 +25,6 @@
     height: toRem(30);
   }
 
-  button {
-    background-color: #fafafa !important;
-    color: #113b6e;
-  }
-
   &__title {
     display: flex;
     flex-direction: row;
@@ -41,7 +40,7 @@
   &__container {
     color: #113b6e;
     background-color: white;
-    border-radius: toRem(2);
+    border-radius: toRem(8);
     padding: toRem(5) toRem(8);
 
     .a-h4 {
@@ -90,7 +89,7 @@
   position: absolute;
   z-index: 1;
   background-color: white;
-  border-radius: toRem(5);
+  border-radius: toRem(8);
   padding: toRem(5);
 
   &.-left {