[CSS] User panel CSS fixes.

[PLUGINS][Oomox] Reformatted file.

plugins/Oomox/Entity/Oomox.php

@@ -53,8 +53,8 @@ class Oomox extends Entity
     private ?string $colour_border_dark;
     private ?string $colour_accent_dark;
     private ?string $colour_shadow_dark;
-    private \DateTimeInterface $created;
+    private DateTimeInterface $created;
-    private \DateTimeInterface $modified;
+    private DateTimeInterface $modified;
 
     public function setActorId(int $actor_id): self
     {
@@ -199,29 +199,28 @@ class Oomox extends Entity
         return $this->colour_shadow_dark;
     }
 
-    public function setCreated(\DateTimeInterface $created): self
+    public function setCreated(DateTimeInterface $created): self
     {
         $this->created = $created;
         return $this;
     }
 
-    public function getCreated(): \DateTimeInterface
+    public function getCreated(): DateTimeInterface
     {
         return $this->created;
     }
 
-    public function setModified(\DateTimeInterface $modified): self
+    public function setModified(DateTimeInterface $modified): self
     {
         $this->modified = $modified;
         return $this;
     }
 
-    public function getModified(): \DateTimeInterface
+    public function getModified(): DateTimeInterface
     {
         return $this->modified;
     }
 
-
     // @codeCoverageIgnoreEnd
     // }}} Autocode
     public static function schemaDef(): array

public/assets/default_theme/css/base.css

@@ -80,6 +80,10 @@ address {
     border: 0;
 }
 
+details summary {
+    cursor: pointer !important;
+}
+
 details summary>* {
     margin: unset;
     padding: unset;

public/assets/default_theme/css/pages/settings.css

@@ -1,8 +1,23 @@
 .section-settings {
+    border: 2px solid var(--border);
+}
+
+.section-settings,
+.section-title-settings {
+    background: var(--background-card);
     margin-bottom: .6rem;
     border-radius: .6rem;
     padding: .6rem;
     box-sizing: border-box;
+    box-shadow: var(--shadow);
+}
+
+.section-title-settings[open] > summary:first-child {
+    margin-bottom: var(--smaller);
+}
+
+.section-title-settings summary + form {
+    padding-left: var(--smaller);
 }
 
 .section-settings hr {
@@ -10,76 +25,6 @@
     margin-bottom: .6rem;
 }
 
-.section-settings,.section-settings ul {
-    border: 2px solid var(--border) !important;
-    background-color: var(--background-card) !important;
-}
-
-.section-settings ul {
-    border-radius: .6rem;
-    padding: .6rem;
-    box-sizing: border-box;
-}
-
-.section-settings ul li {
-    border-radius: .6rem;
-}
-
-.form {
-    display: flex;
-    border-radius: .6rem;
-    padding: .6rem;
-    box-sizing: border-box;
-}
-
-.form form {
-    width: 100%;
-}
-
-.form #save {
-    display: flex;
-    flex-direction: column;
-    padding: .6rem;
-    box-sizing: border-box;
-}
-
-.form #save div {
-    display: contents;
-}
-
-.form #save div label {
-    display: inline-block;
-    font-family: 'Poppins',sans-serif;
-}
-
-.form #save div input,.form #save div textarea {
-    display: inline-block;
-    position: relative;
-    border-radius: .6rem;
-    padding: .6rem;
-    box-sizing: border-box;
-}
-
-.form #save div textarea {
-    resize: vertical;
-}
-
-.form #save div p {
-    font-style: italic;
-}
-
-.form #save div:last-of-type {
-    text-align: end;
-}
-
-.section-title-settings section {
-    margin-top: .6rem;
-}
-
-.section-title-settings summary {
-    padding: .6rem 1rem;
-}
-
 .section-title-settings summary h3:first-letter ,.section-title-settings summary em:first-letter {
     text-transform: uppercase;
 }

public/assets/default_theme/css/widgets/buttons.css

@@ -116,12 +116,9 @@ input[type=color] {
 }
 
 button {
+    display: block !important;
     cursor: pointer !important;
-    float: right !important;
+    margin-left: auto !important;
-    -webkit-align-self: end !important;
-    -ms-flex-item-align: end !important;
-    -ms-grid-row-align: end !important;
-    align-self: end !important;
     margin-top: var(--smaller);
 }