diff --git a/app/views/multipersonsearch/js_form.php b/app/views/multipersonsearch/js_form.php index ca1a1ab48a0e1c89f3f08bfa1db1a581211707e8..1862c84d90d34d36b638c78daa19cab139385c88 100644 --- a/app/views/multipersonsearch/js_form.php +++ b/app/views/multipersonsearch/js_form.php @@ -10,8 +10,12 @@ <span><?= htmlReady($description); ?></span> <input id="<?= $name . '_searchinput'; ?>" type="text" placeholder="<?= _("Suchen"); ?>" value="" name="<?= $name . '_searchinput'; ?>" style="width: 260px;" aria-label="<?= _("Suchen"); ?>"> - <?= Icon::create('search', 'clickable', ['title' => _('Suche starten')])->asImg(16, ['onclick' => 'STUDIP.MultiPersonSearch.search()']) ?> - <?= Icon::create('decline', 'clickable', ['title' => _('Suche zurücksetzen')])->asImg(16, ['onclick' => 'STUDIP.MultiPersonSearch.resetSearch()']) ?> + <button class="icon-button enter-accessible" onclick='STUDIP.MultiPersonSearch.search();return false' title="<?= _('Suche starten') ?>"> + <?= Icon::create('search')->asImg(['class' => 'text-bottom']) ?> + </button> + <button class="icon-button enter-accessible" onclick='STUDIP.MultiPersonSearch.resetSearch(); return false' title="<?= _('Suche zurücksetzen') ?>"> + <?= Icon::create('decline')->asImg(['class' => 'text-bottom']) ?> + </button> </label> <p><? foreach($quickfilter as $title => $users) : ?> <a href="#" class="quickfilter" data-quickfilter="<?= md5($title); ?>"><?= htmlReady($title); ?> (<?= count($users); ?>)</a> diff --git a/resources/assets/stylesheets/scss/buttons.scss b/resources/assets/stylesheets/scss/buttons.scss index b7235f7d0ca87b8f73905eb7bdcc3977c0dce73f..c60db449e482d06adce97b2279f82ac763cfa46b 100644 --- a/resources/assets/stylesheets/scss/buttons.scss +++ b/resources/assets/stylesheets/scss/buttons.scss @@ -137,9 +137,12 @@ button.button { } -button.styleless { - background-color: unset; - border: 0; +button { + &.styleless, + &.icon-button { + background-color: unset; + border: 0; + } } button.as-link {