diff --git a/frontend/src/app.sass b/frontend/src/app.sass index 6ec0a287f..d656a8977 100644 --- a/frontend/src/app.sass +++ b/frontend/src/app.sass @@ -275,6 +275,9 @@ button:not(.btn-link), display: grid grid: min-content / auto-flow max-content +.buttongroup--inline + display: inline-block + input[type="submit"][disabled]:not(.btn-link), input[type="button"][disabled]:not(.btn-link), button[disabled]:not(.btn-link), @@ -328,6 +331,14 @@ input[type="button"].btn-info:not(.btn-link):hover, &:not([disabled]):hover color: var(--color-link-hover) +.button--favourite-toggle + font-size: 0.25em + vertical-align: top + +// STACK ICON STYLE +.icon--stacked + vertical-align: top + // GENERAL TABLE STYLES .table margin: 21px 0 diff --git a/src/Handler/Course/Show.hs b/src/Handler/Course/Show.hs index 3fd04c983..0d7a9d4c4 100644 --- a/src/Handler/Course/Show.hs +++ b/src/Handler/Course/Show.hs @@ -332,7 +332,7 @@ getCShowR tid ssh csh = do { formAction = Just . SomeRoute $ CourseR tid ssh csh CFavouriteR , formEncoding = favouriteToggleEncoding , formSubmit = FormNoSubmit - , formAttrs = [("class", "buttongroup"), ("style", "display: inline-block")] + , formAttrs = [("class", "buttongroup buttongroup--inline")] } @@ -342,7 +342,7 @@ getCShowR tid ssh csh = do $if not courseVisible && mayEdit \ #{iconInvisible} $if isJust muid - + ^{favouriteToggleWgt} |] diff --git a/src/Utils/Icon.hs b/src/Utils/Icon.hs index a56b5cc17..36d207284 100644 --- a/src/Utils/Icon.hs +++ b/src/Utils/Icon.hs @@ -209,7 +209,7 @@ iconStacked :: Icon -> Icon -> Markup iconStacked ic0 ic1 = [shamlet| $newline never - + |]