Style improvements

This commit is contained in:
2023-03-20 18:33:03 +02:00
parent 5723ef8f99
commit af1dc7cb3e
5 changed files with 17 additions and 19 deletions

View File

@@ -143,3 +143,7 @@ larger .alert p {
opacity: 0; opacity: 0;
} }
} }
main.container {
margin-top: 4rem;
}

View File

@@ -1,3 +1,3 @@
.form_modal { #modal-content {
max-width: 60rem; max-width: 60rem;
} }

View File

@@ -1,17 +1,11 @@
.header_container { .header-container {
margin: 0 auto; padding-bottom: 2rem;
max-width: 80rem; padding-top: 2rem;
padding: 0 2rem; margin-bottom: 4rem;
position: relative; display: flex;
width: 100%; align-items: center;
} }
.header_title > a { .header-title {
color: #010101; margin-bottom: 0;
font-weight: bolder;
font-size: 5rem;
}
.header_title > a:hover {
color: #4d4d4d;
} }

View File

@@ -1,4 +1,4 @@
<div class="form-conta"> <div class="form-container">
<h2><%= @title %></h2> <h2><%= @title %></h2>
<.form <.form
@@ -58,7 +58,7 @@
<div class="checkbox-container"> <div class="checkbox-container">
<%= checkbox f, :split_invoice, class: "checkbox" %> <%= checkbox f, :split_invoice, class: "checkbox" %>
<%= label f, :split_invoice, "Haluan maksaa laskun kahdessa erässä" %> <%= label f, :split_invoice, "Haluan maksaa laskun kahdessa erässä (sis. laskutuslisä 2,50€)" %>
<%= error_tag f, :split_invoice %> <%= error_tag f, :split_invoice %>
</div> </div>

View File

@@ -11,9 +11,9 @@
</head> </head>
<body> <body>
<header> <header>
<section class="container"> <section class="container header-container">
<img src={Routes.static_path(@conn, "/images/logo.jpg")} alt="Osuuspuutarha Logo"/> <img src={Routes.static_path(@conn, "/images/logo.jpg")} alt="Osuuspuutarha Logo"/>
<h1>Livonsaaren Osuuspuutarha</h1> <h1 class="header-title">Livonsaaren Osuuspuutarha</h1>
</section> </section>
</header> </header>
<%= @inner_content %> <%= @inner_content %>