Migliorie grafiche per gli articoli

SteUp.Shared/wwwroot/css/app.css

@@ -168,8 +168,7 @@ h1:focus {
 .divider {
     display: block;
     width: 100%;
-    border: .05rem solid var(--card-border-color);
-    margin: 1rem 0;
+    border: .05rem solid var(--mud-palette-lines-inputs);
 }
 
 .pb-safe-area {

SteUp.Shared/wwwroot/css/custom-mudBlazor.css

@@ -35,4 +35,20 @@
 
 .mud-expansion-panels {
     width: 100%;
+}
+
+.ripple-container .mud-ripple-effect {
+    display: none !important;
+}
+
+.ripple-container .mud-ripple-effect-expanding {
+    display: none !important;
+}
+
+.ripple-container .mud-button:focus-visible, .ripple-container .mud-button:active{
+    background-color: unset !important;
+}
+
+.ripple-container .mud-button-outlined:focus-visible, .ripple-container .mud-button-outlined:active{
+    background-color: unset !important;
 }

SteUp.Shared/wwwroot/css/form.css

@@ -144,6 +144,10 @@
     margin-bottom: 2rem;
 }
 
+.container-button.remove-backgroud {
+    background: unset !important;
+}
+
 .container-button.mud-elevation-1 {
     background: unset !important;
 }
@@ -175,8 +179,8 @@
     color: var(--mud-palette-dark);
 }
 
-.container-button .button-settings.blue-icon .mud-icon-root {
-    border: 1px solid var(--mud-palette-primary);
+.container-button .button-settings.primary-icon .mud-icon-root {
+    border: 1px solid hsl(from var(--mud-palette-primary) h s 95%);
     background: hsl(from var(--mud-palette-primary-lighten) h s 95%);
     color: var(--mud-palette-primary-darken);
 }
@@ -199,6 +203,10 @@
     font-size: 1rem;
 }
 
+.container-button.ripple-container{
+    overflow: clip;
+}
+
 .container-button .button-settings.exit {
     padding: 0;
 }