diff --git a/src/layout/PageLayout.less b/src/layout/PageLayout.less index 29e98da..688c03f 100644 --- a/src/layout/PageLayout.less +++ b/src/layout/PageLayout.less @@ -35,7 +35,7 @@ @media (max-width: @screen-md) { >.ant-table-wrapper { .ant-table { - margin: 0 -24px; + margin: 0 -@padding-lg; } .ant-pagination { diff --git a/src/pages/settings/SettingsPage.less b/src/pages/settings/SettingsPage.less index 6b9a789..ebb68ad 100644 --- a/src/pages/settings/SettingsPage.less +++ b/src/pages/settings/SettingsPage.less @@ -48,4 +48,17 @@ margin-bottom: @padding-xs; } } + + .big-menu.ant-menu.ant-menu-inline { + .ant-menu-item { + display: flex; + flex-direction: column; + justify-content: center; + + .menu-item-setting { + margin: -@padding-xs 0; + padding: @padding-xs 0; + } + } + } } diff --git a/src/style/components.less b/src/style/components.less index 9af38ff..920a029 100644 --- a/src/style/components.less +++ b/src/style/components.less @@ -14,8 +14,13 @@ user-select: none; + padding: @padding-xs 0; + min-height: 40px; height: auto; + line-height: @line-height-base; + white-space: normal; + &:last-child { border-bottom: none; } } @@ -28,6 +33,16 @@ color: @text-color-secondary; font-size: @font-size-sm; } + + @media (max-width: @screen-md) { + // Make the menu full-width on mobile + width: 100vw; + margin: 0 -@padding-lg; + + .ant-menu-sub > .ant-menu-item { + padding-left: @padding-sm !important; + } + } } .ant-btn {