From 92acf24852e34c9bc192c28e127fafcea0c43a63 Mon Sep 17 00:00:00 2001
From: Nikita Lvov <lvov@tugraz.at>
Date: Mon, 6 Jul 2020 10:54:54 +0200
Subject: [PATCH] fixing the length of menu underline; fixing the padding for
 the menu elements; adding the sign up button on the main page; this closes
 #37

---
 .../semantic-ui/less/invenio_theme_tugraz/header.less  | 10 +++++++++-
 .../invenio_theme_tugraz/accounts/header_login.html    |  5 +++++
 .../templates/invenio_theme_tugraz/header.html         |  8 ++++----
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
index 75583ca..bdf5b8a 100644
--- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
+++ b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/header.less
@@ -201,10 +201,18 @@ svg:not(:root) {
   text-decoration: none;
 }
 
+.main-menu-entry-svg {
+  padding-left: 0 !important;
+}
+
 .main-menu-underline {
+  text-align: -webkit-center;
+}
+
+.main-menu-underline-line {
   background-color: #e4154b;
   height: 5px;
-  width: 100%;
+  width: 50%;
 }
 
 .affiliation-text a:hover {
diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/header_login.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/header_login.html
index dcf6ddb..c3f402a 100644
--- a/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/header_login.html
+++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/header_login.html
@@ -1,6 +1,11 @@
 {%- if config.ACCOUNTS %}
 
 {%- if not current_user.is_authenticated %}
+<div class="short-menu-right-button">
+    <a href="{{ url_for('security.register') }}">
+        <i class="user plus icon circular"></i> Sign Up
+    </a>
+</div>
 
 <div class="short-menu-right-button">
     <a href="{{url_for_security('login', next=request.path)}}" style="text-decoration:none">
diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
index e59e244..9a17b3f 100644
--- a/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
+++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/header.html
@@ -111,9 +111,9 @@
           </div>
         </div>
         {%- endblock navbar_header %}
-        <div class="ui two column grid stackable container">
+        <div class="ui grid stackable container">
           <div class="three column row centered" style="padding-bottom: 0;">
-            <div class="two wide column main-menu-entry">
+            <div class="two wide column main-menu-entry main-menu-entry-svg">
               <a href="{{url_for('invenio_theme_frontpage.index')}}" title="Home">
                 <svg shape-rendering="geometricPrecision" id="int-menu-q-home-icon"
                   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg"
@@ -135,8 +135,8 @@
             {%- endfor %}
           </div>
           <div class="row">
-            <div class="six wide column centered">
-              <div class="main-menu-underline"></div>
+            <div class="column centered main-menu-underline">
+              <div class="main-menu-underline-line"></div>
             </div>
           </div>
            <div class="row">