Remove inline styling

Closes #32

invenio_theme_tuw/theme/assets/semantic-ui/less/invenio_theme_tuw/theme/globals/site.overrides

@@ -204,3 +204,7 @@ h3.smaller-text {
 .cursor-pointer {
   cursor: pointer;
 }
+
+.no-shrink {
+  flex-shrink: 0;
+}

invenio_theme_tuw/theme/templates/semantic-ui/invenio_theme_tuw/contact.html

@@ -9,7 +9,7 @@
 {%- extends config.BASE_TEMPLATE %}
 
 {%- block page_hero %}
-  <section id="hero" class="contact" style="flex-shrink: 0;"></section>
+  <section id="hero" class="contact no-shrink"></section>
 {%- endblock page_hero %}
 
 {%- block page_body %}

invenio_theme_tuw/theme/templates/semantic-ui/invenio_theme_tuw/overrides/frontpage.html

@@ -17,7 +17,7 @@
 {%- endblock %}
 
 {%- block page_hero %}
-  <section class="frontpage" id="hero" style="flex-shrink: 0;">
+  <section class="frontpage no-shrink" id="hero">
     {% include "invenio_theme_tuw/search_bar.html" %}
   </section>
 {%- endblock page_hero %}

invenio_theme_tuw/theme/templates/semantic-ui/invenio_theme_tuw/policies.html

@@ -9,7 +9,7 @@
 {%- extends config.BASE_TEMPLATE %}
 
 {%- block page_hero %}
-  <section id="hero" class="policies" style="flex-shrink: 0;"></section>
+  <section id="hero" class="policies no-shrink"></section>
 {%- endblock page_hero %}
 
 {%- block page_body %}

[Tsepelakis, Sotirios]

This styling seems to have no effect, as seen from the browser console. This section does not seem to be a flex item since its parent does not have a display: flex or display: flex-inline property. The same applies to the other sections as well.