diff --git a/epicyon-profile.css b/epicyon-profile.css index ee9bb62ef..ba69e7869 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -104,8 +104,9 @@ --tab-border-color: grey; --icon-brightness-change: 150%; --container-button-padding: 20px; - --container-padding: 20px; - --container-padding-bottom: 10px; + --container-padding: 2%; + --container-padding-bottom: 1%; + --container-padding-bottom-mobile: 1%; --vertical-between-posts: 10px; --vertical-between-posts-header: 10px; --containericons-horizontal-spacing: 1%; @@ -381,17 +382,6 @@ a:focus { color: var(--button-text-hover); } -.container { - border: var(--border-width) solid var(--border-color); - background-color: var(--main-bg-color); - border-radius: var(--timeline-border-radius); - padding-left: var(--container-padding); - padding-right: var(--container-padding); - padding-top: var(--container-padding); - padding-bottom: var(--container-padding-bottom); - margin: var(--vertical-between-posts); -} - .containerNewPost { border: var(--border-width) solid var(--border-color); background-color: var(--main-bg-color); @@ -1028,6 +1018,16 @@ div.container { font-size: var(--font-size); line-height: var(--line-spacing); } + .container { + border: var(--border-width) solid var(--border-color); + background-color: var(--main-bg-color); + border-radius: var(--timeline-border-radius); + padding-left: var(--container-padding); + padding-right: var(--container-padding); + padding-top: var(--container-padding); + padding-bottom: var(--container-padding-bottom); + margin: var(--vertical-between-posts); + } h3.linksHeader { background-color: var(--column-left-header-background); color: var(--column-left-header-color); @@ -1659,6 +1659,16 @@ div.container { font-size: var(--font-size); line-height: var(--line-spacing); } + .container { + border: var(--border-width) solid var(--border-color); + background-color: var(--main-bg-color); + border-radius: var(--timeline-border-radius); + padding-left: var(--container-padding); + padding-right: var(--container-padding); + padding-top: var(--container-padding); + padding-bottom: var(--container-padding-bottom-mobile); + margin: var(--vertical-between-posts); + } h3.linksHeader { background-color: var(--column-left-header-background); color: var(--column-left-header-color);