diff --git a/devices/wim/config/ags/js/applauncher/app-item.js b/devices/wim/config/ags/js/applauncher/app-item.js index 94bb3d3..e173922 100644 --- a/devices/wim/config/ags/js/applauncher/app-item.js +++ b/devices/wim/config/ags/js/applauncher/app-item.js @@ -1,11 +1,12 @@ import App from 'resource:///com/github/Aylur/ags/app.js'; import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js'; -import { Box, Button, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js'; +import { Box, Button, CenterBox, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js'; import { lookUpIcon } from 'resource:///com/github/Aylur/ags/utils.js'; import Separator from '../misc/separator.js'; +const ENTRY_SPACING = 16; export default (app) => { const title = Label({ @@ -34,13 +35,13 @@ export default (app) => { size: 42, }); - const textBox = Box({ + const textBox = CenterBox({ vertical: true, - vpack: 'center', - children: [title, description], + start_widget: title, + center_widget: description, + end_widget: Separator(ENTRY_SPACING, { vertical: true }), }); - const ENTRY_SPACING = 16; return Button({ class_name: 'app', diff --git a/devices/wim/config/ags/scss/widgets/applauncher.scss b/devices/wim/config/ags/scss/widgets/applauncher.scss index 71dc133..497bc8e 100644 --- a/devices/wim/config/ags/scss/widgets/applauncher.scss +++ b/devices/wim/config/ags/scss/widgets/applauncher.scss @@ -4,7 +4,7 @@ border-radius: 25px; background-color: $bg; color: #f8f8f2; - padding: 10px; + padding: 2px; * { font-size: 16px; @@ -31,7 +31,8 @@ } scrolledwindow { - padding: 16.2px; + padding: 10px; + padding-bottom: 0; min-width: 700px; min-height: 450px; @@ -42,6 +43,7 @@ scrollbar.vertical { transition: 200ms; background-color: rgba(23, 23, 23, 0.3); + margin: 20px 0; &:hover { background-color: rgba(23, 23, 23, 0.7); @@ -71,7 +73,7 @@ .app { all: unset; transition: 200ms; - padding: 9px; + padding: 2px 9px; &:active { background-color: rgba($contrast-bg, 0.5); @@ -107,8 +109,6 @@ image { transition: 200ms; - margin-left: -10px; - margin-bottom: -8px; } } }