diff --git a/.config/ags/modules/sideright/centermodules/wifinetworks.js b/.config/ags/modules/sideright/centermodules/wifinetworks.js index 7e10d357..0075da13 100644 --- a/.config/ags/modules/sideright/centermodules/wifinetworks.js +++ b/.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', - vertical: false, + className: 'sidebar-wifinetworks-auth-box', children: [ authEntry, authVisible, diff --git a/.config/ags/scss/_sidebars.scss b/.config/ags/scss/_sidebars.scss index 1243fa02..52103c46 100644 --- a/.config/ags/scss/_sidebars.scss +++ b/.config/ags/scss/_sidebars.scss @@ -1006,21 +1006,25 @@ $waifu_image_overlay_transparency: 0.7; font-size: 2.045rem; } -.sidebar-wifinetworks-auth-entry { - border-radius: 12px 0px 0px 12px; +.sidebar-wifinetworks-auth-box { + @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; - background-color: $layer3; - color: $onLayer3; - padding: 0.682rem; - min-width: 0.918rem; + @include small-rounding; + min-width: 2.045rem; + min-height: 2.045rem; + margin: 0.341rem; &:hover, &:focus {