diff --git a/Localisation/en-GB.yaml b/Localisation/en-GB.yaml
index 86e39ce..d9fd95d 100644
--- a/Localisation/en-GB.yaml
+++ b/Localisation/en-GB.yaml
@@ -83,6 +83,7 @@ Key Signature: Key Signature
##################################################
# L
##################################################
+Login: Login
Log in to vote: Log in to vote
Logout: Logout
diff --git a/Public/Static/CSS/Elements/Forms.css b/Public/Static/CSS/Elements/Forms.css
new file mode 100644
index 0000000..cf4384c
--- /dev/null
+++ b/Public/Static/CSS/Elements/Forms.css
@@ -0,0 +1,18 @@
+
+input[type="text"],
+input[type="password"]
+{
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+}
+
+button {
+ width: 25%;
+ padding: 10px;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+}
diff --git a/Public/Static/CSS/Elements/HomePage.css b/Public/Static/CSS/Elements/HomePage.css
index 4750064..a53ee64 100644
--- a/Public/Static/CSS/Elements/HomePage.css
+++ b/Public/Static/CSS/Elements/HomePage.css
@@ -5,13 +5,7 @@
margin: 0 auto;
}
-input[type="text"] {
- width: 80%;
- padding: 10px;
- margin-bottom: 10px;
- border: 1px solid #ccc;
- border-radius: 4px;
-}
+
#AlgoliaResults {
margin-top: 20px;
text-align: left;
diff --git a/Public/Static/CSS/Mapper.css b/Public/Static/CSS/Mapper.css
index 33841e2..3f54f45 100644
--- a/Public/Static/CSS/Mapper.css
+++ b/Public/Static/CSS/Mapper.css
@@ -11,6 +11,7 @@
@import "/Static/CSS/Elements/Accordion.css";
@import "/Static/CSS/Elements/Columns.css";
@import "/Static/CSS/Elements/DescriptionLists.css";
+@import "/Static/CSS/Elements/Forms.css";
@import "/Static/CSS/Elements/HomePage.css";
@import "/Static/CSS/Elements/NavBar.css";
@import "/Static/CSS/Elements/Rating.css";
diff --git a/Templates/Pages/login.html.twig b/Templates/Pages/login.html.twig
index e38b874..271a5dd 100644
--- a/Templates/Pages/login.html.twig
+++ b/Templates/Pages/login.html.twig
@@ -38,6 +38,10 @@
data-action='submit'>{{ "Login"|translate }}
+
+