[TWIG][CSS] Buttons are now the correct size in all contexts. Right panel create a notice section re-structure.

public/assets/css/base.css

@@ -23,6 +23,7 @@
     --white: #FFFFFF;
 
     --shadow: 0px 0px 32px 0px #00000066;
+    --shadow-light: 0px 0px 32px 0px #FFFFFF66;
 
     /* transitions and animations */
     --cubic-transition: all 200ms cubic-bezier(0, 0.55, 0.45, 1);
@@ -128,7 +129,6 @@
     font-family: var(--display-font);
 }
 
-
 /* NOTES */
 .h-feed,
 .notes {

public/assets/css/left/left.css

@@ -52,7 +52,7 @@
 #user-avatar:hover img,
 #user-avatar:focus img {
     border-radius: 50% !important;
-    box-shadow: var(--shadow) !important;
+    box-shadow: var(--shadow-light) !important;
 }
 
 #user-info {

public/assets/css/reset.css

@@ -184,6 +184,12 @@ hr {
 }
 
 /* BUTTONS AND FILEPICKER */
+button {
+    float: right !important;
+    width: min-content !important;
+    align-self: end !important;
+}
+
 button,
 input:not([type=text]) {
     all: unset;
@@ -191,12 +197,12 @@ input:not([type=text]) {
     cursor: pointer;
     font-size: var(--medium-size);
 
-    background: linear-gradient(135deg, var(--bg2), transparent);
+    background-image: linear-gradient(180deg, var(--bg2), transparent);
     color: var(--white);
 
     border: solid 2px var(--bg2);
     border-radius: var(--unit-size);
-    padding: var(--unit-size) var(--small-size);
+    padding: 6px 12px;
 }
 
 *|*::-moz-button-content {

templates/sidepanel/right/right.html.twig

@@ -3,7 +3,7 @@
     {% if post_form is defined %}
 
         <section class="create-notice">
-            {{ form_start(post_form) }}
+
             <legend class="section-title">
                 <h1>Create a note</h1>
 
@@ -20,6 +20,7 @@
             </legend>
 
             <div class="section-content">
+                {{ form_start(post_form) }}
                     <span class="target">
                         <div class="target-top">
                             {{ form_label(post_form.to) }}
@@ -52,15 +53,13 @@
                                 {{ form_widget(post_form.attachments) }}
                             </label>
                         </div>
-
-                            {{ form_row(post_form.post) }}
                     </div>
                 </span>
-            </div>
+
+                {{ form_row(post_form.post) }}
+
                 {{ form_end(post_form) }}
-
-
-
+            </div>
         </section>