Convert a to button and fix some margin from the search box to the pickable items

This commit is contained in:
BatJan
2020-08-31 23:12:11 +02:00
committed by Sebastiaan Janssen
parent 337ed84e47
commit 4e32ddc5b3
2 changed files with 8 additions and 4 deletions

View File

@@ -118,6 +118,10 @@ label.control-label, .control-label {
width: 100%;
}
.macro-select .form-search {
margin: 0 0 10px;
}
// GENERAL STYLES
// --------------

View File

@@ -15,7 +15,7 @@
<umb-box-content class="block-form">
<div ng-switch="wizardStep">
<div ng-switch-when="macroSelect">
<div ng-switch-when="macroSelect" class="macro-select">
<div class="form-search">
<i class="icon-search"></i>
@@ -32,12 +32,12 @@
<ul class="umb-card-grid -three-in-row">
<li ng-repeat="availableItem in macros | orderBy:'name' | filter:searchTerm"
ng-click="selectMacro(availableItem)">
<a class="umb-card-grid-item" href="" title="{{availableItem.name}}">
<button class="btn-reset umb-card-grid-item" title="{{availableItem.name}}">
<span>
<i class="icon-settings-alt"></i>
<i class="icon-settings-alt" aria-hidden="true"></i>
{{availableItem.name}}
</span>
</a>
</button>
</li>
</ul>