Fix actions padding

This commit is contained in:
grandeljay 2022-10-12 13:06:04 +02:00
parent 9482edfab6
commit a6d74ea5ea
2 changed files with 36 additions and 1 deletions

View file

@ -1,3 +1,38 @@
/**
* Actions
*/
.ui.ui.ui.ui.stackable.grid.actions {
margin-left: -1rem !important;
margin-right: -1rem !important;
}
@media (max-width: 991.9px) {
.ui.grid.actions > .column:not(.row) {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ui.grid.actions > .column:not(.row):first-child {
padding-top: 1rem;
}
.ui.grid.actions > .column:not(.row):last-child {
padding-bottom: 1rem;
}
}
@media (min-width: 992px) {
.ui.grid.actions > .column:not(.row) {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ui.grid.actions > .column:not(.row):first-child {
padding-left: 1rem;
}
.ui.grid.actions > .column:not(.row):last-child {
padding-right: 1rem;
}
}
/**
* Statistics
*/
.ui.statistics {
flex-direction: column;
align-items: center;

View file

@ -25,7 +25,7 @@ $page->navigation();
<p><?= __('wishthis is a simple, intuitive and modern wishlist platform to create, manage and view your wishes for any kind of occasion.') ?></p>
<div class="ui two column doubling stackable centered grid">
<div class="ui two column doubling stackable centered grid actions">
<?php if ($_SESSION['user']->isLoggedIn()) { ?>
<div class="column">
<a class="ui fluid primary button"