wifi networks: auth entry layout adjustments

.config/ags/modules/sideright/centermodules/wifinetworks.js

@@ -175,6 +175,7 @@ const CurrentNetwork = () => {
         ]
     });
     const authVisible = Button({
+        vpack: 'center',
         child: MaterialIcon('visibility', 'large'),
         className: 'txt sidebar-wifinetworks-auth-visible',
         onClicked: () => {
@@ -218,8 +219,7 @@ const CurrentNetwork = () => {
         placeholderText: getString('Enter network password'),
     });
     const authBox = Box({
-        className: 'spacing-h-5',
+        className: 'sidebar-wifinetworks-auth-box',
-        vertical: false,
         children: [
             authEntry,
             authVisible,

.config/ags/scss/_sidebars.scss

@@ -1006,21 +1006,25 @@ $waifu_image_overlay_transparency: 0.7;
     font-size: 2.045rem;
 }
 
-.sidebar-wifinetworks-auth-entry {
+.sidebar-wifinetworks-auth-box {
-    border-radius: 12px 0px 0px 12px;
+    @include small-rounding;
     background-color: $layer1;
     color: $onLayer1;
+}
+
+.sidebar-wifinetworks-auth-entry {
+    @include small-rounding;
+    color: $onLayer1;
     padding: 0.682rem;
     caret-color: $onLayer2;
 }
 
 .sidebar-wifinetworks-auth-visible {
     @include element_decel;
-    border-radius: 0px 12px 12px 0px;
+    @include small-rounding;
-    background-color: $layer3;
+    min-width: 2.045rem;
-    color: $onLayer3;
+    min-height: 2.045rem;
-    padding: 0.682rem;
+    margin: 0.341rem;
-    min-width: 0.918rem;
 
     &:hover,
     &:focus {