From fba98e4ecd07f944c2f8a4d5f469ed7ed3c12e8b Mon Sep 17 00:00:00 2001 From: LebombJames <77904738+LebombJames@users.noreply.github.com> Date: Fri, 3 Sep 2021 00:10:06 +0100 Subject: [PATCH] Tidied up CSS errors Changed CSS to remove gaps at top and bottom of sheets, as well as between folders on sidebars. Also set object-fit mode of images on sheets to contain to avoid incorrect aspect ratios of images. --- scss/style.scss | 5 +++-- styles/blades.css | 12 ++++++++++-- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/scss/style.scss b/scss/style.scss index 4c18aed..b874768 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -47,7 +47,7 @@ $hover-brightness: 0.8; } section { - margin-bottom: 10px; + display: flex; flex-direction: column; justify-content: space-between; @@ -198,6 +198,7 @@ $hover-brightness: 0.8; display: flex; flex-direction: row; margin-bottom: 0px; + margin-top: 10px; > * { margin-right: 10px; @@ -706,7 +707,7 @@ $hover-brightness: 0.8; .clock-block .blades-clock-name-type { > * { - margin-bottom: 10px; + margin-bottom: 0px; max-width: 220px; } } diff --git a/styles/blades.css b/styles/blades.css index 0f91180..fc87857 100644 --- a/styles/blades.css +++ b/styles/blades.css @@ -32,7 +32,7 @@ font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; } * header { - margin-bottom: 10px; + // margin-bottom: 10px; } * ul { list-style: none; @@ -48,7 +48,7 @@ padding: 5px; } * section { - margin-bottom: 10px; + margin-bottom: 0px; display: flex; flex-direction: column; justify-content: space-between; @@ -177,6 +177,7 @@ display: flex; flex-direction: row; margin-bottom: 0px; + margin-top: 10px; /* Trauma */ } * .big-teeth-section > * { @@ -1264,5 +1265,12 @@ * #loadout select:hover { color: red; } +* img { + box-sizing: border-box; + border: 1px solid #000; + border-radius: 2px; + max-width: 100%; + object-fit: contain; +} /*# sourceMappingURL=blades.css.map */