i have created a custom widget quick access tool bar that is placed below universal search. however it fits for 80% zoom(toolbar is in center of search bar) but when zoomed over 80% toolbar grows big with search bar reduces. when zoomed out below 80%. search bar increased but toolbar decreases and gets aligned to left
CSS:
.quick-access-toolbar {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 30px;
width: 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: 30px;
margin-top: -15px;
position: relative;
left: 95px;
}
HTML
<div class="quick-access-toolbar">
<a class="quick-access-tile"
ng-repeat="tile in data.tiles track by tile.sys_id"
ng-href="{{tile.url}}">
<div class="quick-access-content">
<img ng-if="tile.image"
ng-src="{{tile.image}}"
class="quick-access-icon">
<div class="quick-access-title"
title="{{tile.name}}">
{{tile.displayName}}
</div>
</div>
</a>
</div>
