fix: Button style issue introduced by HA 2026.3 (#2392)

- Closes: #2390

src/scss/editor.scss

@@ -1,7 +1,7 @@
 @use './button.scss';
 
 .option {
-  padding: 4px 4px;
+  padding: 8px 4px;
   cursor: pointer;
 }
 .option.option-overrides .title {
@@ -94,15 +94,16 @@ div.upgrade span {
   margin-top: 10px;
 }
 
-.submenu .controls {
+.submenu .values .controls {
   display: inline-block;
   margin-left: auto;
   margin-right: 0px;
   margin-bottom: 5px;
+  margin-top: 5px;
 }
-.submenu .controls ha-icon-button {
+.submenu .values .controls ha-icon-button {
-  --mdc-icon-button-size: 32px;
+  --ha-icon-button-size: 32px;
-  --mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
+  --mdc-icon-size: calc(var(--ha-icon-button-size) / 2);
 }
 span.info {
   padding: 10px;

src/scss/menu.scss

@@ -2,8 +2,8 @@
 
 :host {
   --advanced-camera-card-menu-button-size: 40px;
-  --mdc-icon-button-size: var(--advanced-camera-card-menu-button-size);
+  --ha-icon-button-size: var(--advanced-camera-card-menu-button-size);
-  --mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
+  --mdc-icon-size: calc(var(--ha-icon-button-size) / 2);
 
   pointer-events: auto;
 

src/scss/next-previous-control.scss

@@ -7,8 +7,8 @@
   );
   --advanced-camera-card-left-position: 45px;
   --advanced-camera-card-right-position: 45px;
-  --mdc-icon-button-size: var(--advanced-camera-card-next-prev-size);
+  --ha-icon-button-size: var(--advanced-camera-card-next-prev-size);
-  --mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
+  --mdc-icon-size: calc(var(--ha-icon-button-size) / 2);
 }
 
 .controls {