[TWIG][Templates] Rename inconsistent CSS classes

[CSS] Font size hierarchy refactor
[PLUGINS][MediaFeed] Renamed BeforeFeed event

Type scale hierarchy redone. Bigger line height added, making it easier
to click on links and separate contents.

Feed title added. AddFeedActions replaces BeforeFeed event.
MediaFeed links will now show an icon to the right of the feed title,
smaller footprint and more consistent with the overall design.

components/Feed/templates/feed/feed.html.twig

@@ -9,9 +9,15 @@
 {% endblock stylesheets %}
 
 {% block body %}
-    {% for block in handle_event('BeforeFeed', app.request) %}
-        {{ block | raw }}
-    {% endfor %}
+    <header class="feed-header">
+        <h1>{{ page_title | trans }} {{ 'feed' | trans }}</h1>
+        <nav class="feed-actions" role=navigation>
+            {% for block in handle_event('AddFeedActions', app.request) %}
+                {{ block | raw }}
+            {% endfor %}
+        </nav>
+    </header>
+
     {# Backwards compatibility with hAtom 0.1 #}
     <main class="feed" tabindex="0" role="feed">
         <div class="h-feed hfeed notes">

components/Group/templates/group/view.html.twig

@@ -36,7 +36,7 @@
         </main>
         
     {% else %}
-        <div class="section-widget-padded section-widget">
+        <div class="section-padding section-widget">
             <p>{% trans with { '%group%': nickname } %}The group <em>%group%</em> doesn't exist.{% endtrans %}</p>
             {% if create_form is defined and create_form is not null %}
                 <p>{% trans %}Would you like to create it?{% endtrans %}</p>

components/LeftPanel/templates/left_panel/edit_feeds.html.twig

@@ -6,7 +6,7 @@
 {% endblock stylesheets %}
 
 {% block body %}
-  <div class="section-widget section-widget-padded">
+  <div class="section-widget">
     <form class="section-form" action="{{ path('edit_feeds') }}" method="post">
 
       <fieldset>
@@ -16,7 +16,7 @@
         {{ form_start(edit_feeds) }}
         {% for child in edit_feeds.children %}
           {% if 'row_url' in child.vars.block_prefixes %}
-            <div class="section-widget section-widget-padded">
+            <div class="section-widget section-padding">
             {{ form_label(child) }}
             {{ form_widget(child) }}
           {% elseif 'row_title' in child.vars.block_prefixes %}

components/LeftPanel/templates/left_panel/view.html.twig

@@ -7,7 +7,7 @@
         <a id="anchor-left-panel" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
         <aside class="panel-content accessibility-target">
             {% if app.user %}
-                <section class='section-widget section-widget-padded' title="{{ 'Your profile information.' | trans }}">
+                <section class='section-widget section-padding' title="{{ 'Your profile information.' | trans }}">
                     {% block profile_view %}{% include 'cards/profile/view.html.twig' with { actor: current_actor } %}{% endblock profile_view %}
                     {{ block("profile_current_actor", "cards/navigation/view.html.twig") }}
                 </section>

components/RightPanel/templates/right_panel/view.html.twig

@@ -1,6 +1,6 @@
 {% block rightpanel %}
     <label class="panel-right-icon" for="panel-right-toggle" aria-hidden="true"
-           tabindex="-1">{{ icon('notes', 'icon icon-right') | raw }}</label>
+           tabindex="-1">{{ icon('chevron-left', 'icon icon-right') | raw }}</label>
     <input type="checkbox" id="panel-right-toggle" aria-hidden="true" tabindex="-1">
 
     <div class="header-panel section-panel-right">
@@ -29,9 +29,9 @@
 
                                 <details class="section-widget-subtitle-details">
                                     <summary class="section-subtitle-summary">
-                                        <h3>
+                                        <strong>
                                             {{ "Additional options" | trans }}
-                                        </h3>
+                                        </strong>
                                         {{ icon('arrow-down', 'icon icon-details-close') | raw }}
                                     </summary>
                                     {{ form_row(blocks['post_form'].language) }}

components/Search/templates/search/show.html.twig

@@ -8,7 +8,7 @@
         </label>
     {% endif %}
 
-    <div class="section-widget-padded">
+    <div class="section-padding">
         {{ form_start(search_form) }}
         <div>
             {{ form_row(search_form.search_query) }}

components/Tag/templates/actor_tag_feed.html.twig

@@ -23,7 +23,7 @@
         {% block profile_view %}{% include 'cards/profile/view.html.twig' %}{% endblock profile_view %}
     {% endfor %}
 
-    <div class="section-widget section-widget-padded">
+    <div class="section-widget section-padding">
         {{ "Page: " ~ page }}
     </div>
 {% endblock %}