From 4062c3398edb3e059ec66ada2be494ec22817eff Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sun, 24 Jun 2018 22:00:16 +0200
Subject: [PATCH] alignment, beauty and UX fixes

---
 templates/course.hamlet              | 2 +-
 templates/standalone/inputs.lucius   | 4 +++-
 templates/widgets/breadcrumbs.lucius | 2 +-
 templates/widgets/navbar.lucius      | 1 -
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/templates/course.hamlet b/templates/course.hamlet
index ebb36bb19..dc6cdc043 100644
--- a/templates/course.hamlet
+++ b/templates/course.hamlet
@@ -14,7 +14,7 @@
       <tr>
         <th #website>Website
         <td>
-          <a href=#{link}>#{link}
+          <a href=#{link} target="_blank" rel="noopener" title="Website des Kurses">#{link}
     <tr>
       <th #participants>Teilnehmer
       <td>
diff --git a/templates/standalone/inputs.lucius b/templates/standalone/inputs.lucius
index 11a32c9cb..fa7232515 100644
--- a/templates/standalone/inputs.lucius
+++ b/templates/standalone/inputs.lucius
@@ -11,7 +11,7 @@ form {
   grid-template-columns: 1fr 3fr;
   grid-gap: 5px;
   justify-content: flex-start;
-  align-items: center;
+  align-items: flex-start;
   padding: 4px;
   border-left: 2px solid transparent;
 
@@ -22,6 +22,7 @@ form {
 
 .form-group__label {
   font-weight: 600;
+  padding-top: 6px;
 }
 
 .form-group--required {
@@ -110,6 +111,7 @@ textarea {
   border: 1px solid #dbdbdb;
   border-radius: 2px;
   box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05);
+  vertical-align: top;
 }
 
 textarea:focus {
diff --git a/templates/widgets/breadcrumbs.lucius b/templates/widgets/breadcrumbs.lucius
index 87adc2e70..7f727d302 100644
--- a/templates/widgets/breadcrumbs.lucius
+++ b/templates/widgets/breadcrumbs.lucius
@@ -2,7 +2,7 @@
   position: relative;
   color: var(--color-font);
   margin-left: 40px;
-  margin-top: 20px;
+  margin-top: 25px;
 }
 
 @media (max-width: 768px) {
diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius
index 6ba11f7e2..d6e9f688a 100644
--- a/templates/widgets/navbar.lucius
+++ b/templates/widgets/navbar.lucius
@@ -161,7 +161,6 @@
 }
 
 .navbar__list-item--active .navbar__link-wrapper {
-  pointer-events: none;
   color: var(--color-dark);
 }