DM-536 - drawn an arrow down in circle button component to look like a dropdown button when it's the case

src/lib/buttons/circle-button/circle-button.component.html

@@ -17,4 +17,6 @@
     </button>
 
     <div *ngIf="showDot" class="dot"></div>
+
+    <div *ngIf="dropdownButton" class="arrow-down"></div>
 </div>

src/lib/buttons/circle-button/circle-button.component.scss

@@ -1,4 +1,12 @@
 :host > div {
     width: var(--circle-button-size);
     height: var(--circle-button-size);
+
+    .arrow-down {
+        border: 5px solid transparent;
+        border-top-color: black;
+        position: fixed;
+        margin-left: 12px;
+        margin-top: -8px;
+    }
 }

src/lib/buttons/circle-button/circle-button.component.ts

@@ -33,6 +33,7 @@ export class CircleButtonComponent implements OnInit {
     @Input() helpModeButton = false;
     @Input() removeTooltip = false;
     @Input() isSubmit = false;
+    @Input() dropdownButton = false;
     @Input() size = 34;
     @Input() iconSize = 14;
     @Output() readonly action = new EventEmitter<MouseEvent>();