Skip to content

Commit

Permalink
Quick fix too wide padding on small devices
Browse files Browse the repository at this point in the history
  • Loading branch information
dennisschuerholz committed Mar 26, 2024
1 parent 12a7878 commit a38c3a1
Show file tree
Hide file tree
Showing 3 changed files with 33 additions and 3 deletions.
2 changes: 1 addition & 1 deletion src/pug/index.pug
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ html(lang='en')
h2.display-4 Anstehende Veranstaltungen
.d-block.p-3
| Hier findet ihr immer die nächsten geplanten Veranstaltungen. Anmeldungen werden über den Link oder ggf. direkt von Storytellern entgegen genommen.
.float-end
.text-end
| Hier abonnieren:
a(href='/events.ics', title='Termindownload oder Kalenderabonnement (ics/ical)').p-1.m-1
i.fa-solid.fa-calendar-check
Expand Down
27 changes: 27 additions & 0 deletions src/scss/override/padding.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
@media (max-width: 767px) {
/* Tablets starting at 768px */
.p-1 {
padding: 0.125rem 0 !important;
}

.p-2 {
padding: 0.25rem 0 !important;
}

.p-3 {
padding: 0.5rem 0 !important;
}

.p-4 {
padding: 0.75rem 0 !important;
}

.p-5 {
padding: 1.5rem 0 !important;
}

.row > * {
padding-right: 0 ! important;
padding-left: 0 ! important;
}
}
7 changes: 5 additions & 2 deletions src/scss/styles.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
//
//
// Styles
//
//

// Fonts
@import "./fonts/catamaran";
Expand All @@ -22,5 +22,8 @@
// Sections
@import "./sections/masthead.scss";

// Override Bootstrap padding on small devices
@import "./override/padding.scss";

// Event Widget
@import "./components/botc-event-widget.scss";

0 comments on commit a38c3a1

Please sign in to comment.