Style improvements
This commit is contained in:
@@ -143,3 +143,7 @@ larger .alert p {
|
|||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main.container {
|
||||||
|
margin-top: 4rem;
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,3 +1,3 @@
|
|||||||
.form_modal {
|
#modal-content {
|
||||||
max-width: 60rem;
|
max-width: 60rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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 %>
|
||||||
|
|||||||
Reference in New Issue
Block a user