diff options
| author | syeopite <syeopite@syeopite.dev> | 2021-04-06 23:53:38 -0700 |
|---|---|---|
| committer | syeopite <syeopite@syeopite.dev> | 2021-04-06 23:53:38 -0700 |
| commit | d9528f5cc3853681e237526b1b376750ccc008aa (patch) | |
| tree | 7a24ef5e7a08921f4fb133c6f0d449721beb532c /assets/css | |
| parent | 909606826dca94100364b1c82a31c43d1ae8490f (diff) | |
| download | invidious-d9528f5cc3853681e237526b1b376750ccc008aa.tar.gz invidious-d9528f5cc3853681e237526b1b376750ccc008aa.tar.bz2 invidious-d9528f5cc3853681e237526b1b376750ccc008aa.zip | |
Change positioning of footer to use flexbox
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/default.css | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 9b59fe56..621b1483 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -3,8 +3,12 @@ body { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - position: relative; - min-height: 100vh; +} + +#contents { + display: flex; + flex-direction: column; + height: 100vh; } .deleted { @@ -284,12 +288,9 @@ input[type="search"]::-webkit-search-cancel-button { footer { color: #919191; - margin: 1.5em 0; + margin-top: auto; + padding: 1.5em 0; text-align: center; - position: absolute; - left: 0; - right: 0; - bottom: 0; max-height: 30vh; } |