diff --git a/app/assets/stylesheets/home.scss b/app/assets/stylesheets/home.scss index d3afaa1..98e0ac8 100644 --- a/app/assets/stylesheets/home.scss +++ b/app/assets/stylesheets/home.scss @@ -32,4 +32,23 @@ body { header { background-color: black; text-align: right; + + h1 { + display: inline-block; + font-size: 1rem; + font-weight: bold; + margin: 0; + } + + .container { + display: flex; + justify-content: space-between; + } +} + +main { + .container { + margin-top: 2rem; + margin-bottom: 2rem; + } } diff --git a/app/assets/stylesheets/images/index.scss b/app/assets/stylesheets/images/index.scss index 749c451..e8f85b2 100644 --- a/app/assets/stylesheets/images/index.scss +++ b/app/assets/stylesheets/images/index.scss @@ -1,10 +1,12 @@ ul.images { - list-style: none; - padding-left: 0; display: grid; - grid-template-columns: repeat(2, 1fr); grid-gap: 0.75rem; + grid-template-columns: repeat(2, 1fr); justify-content: space-between; + list-style: none; + margin-bottom: 0; + margin-top: 0; + padding-left: 0; li { margin-bottom: 1em; diff --git a/app/assets/stylesheets/images/show.scss b/app/assets/stylesheets/images/show.scss index 02a3a97..a94dcc5 100644 --- a/app/assets/stylesheets/images/show.scss +++ b/app/assets/stylesheets/images/show.scss @@ -2,8 +2,6 @@ display: grid; grid-gap: 1.5rem; height: calc(100% - 12rem); - margin-top: 2rem; - margin-bottom: 2rem; .image-container { align-items: center; diff --git a/app/views/images/index.html.erb b/app/views/images/index.html.erb index 9f70769..803ed02 100644 --- a/app/views/images/index.html.erb +++ b/app/views/images/index.html.erb @@ -1,4 +1,6 @@ -