diff --git a/src/App.vue b/src/App.vue
index 8dbf3dc9..0d874693 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,7 @@
-
+
diff --git a/src/assets/css/global.scss b/src/assets/css/global.scss
index 54713d24..ff528022 100644
--- a/src/assets/css/global.scss
+++ b/src/assets/css/global.scss
@@ -67,7 +67,7 @@ a {
.l-container {
display: grid;
grid-template-columns: min-content 1fr min-content;
- grid-template-rows: 3rem 1fr 1fr;
+ grid-template-rows: 3.5rem 1fr 1fr;
grid-auto-flow: row;
grid-template-areas:
"l-sidebar nav search-input"
@@ -129,10 +129,11 @@ a {
display: flex;
}
-.content {
+#acontent {
grid-area: content;
- padding: 0;
max-width: 1504px;
+ padding: $small;
+ overflow: auto;
.nav {
margin: $small;
diff --git a/src/components/nav/NavBar.vue b/src/components/nav/NavBar.vue
index c7fa9ff4..5f8b1bb4 100644
--- a/src/components/nav/NavBar.vue
+++ b/src/components/nav/NavBar.vue
@@ -114,7 +114,7 @@ onMounted(() => {
display: grid;
grid-template-columns: 1fr min-content max-content;
padding-bottom: 1rem;
- margin: $small $small 0 $small;
+ margin: $small $small 0 0;
border-bottom: 1px solid $gray3;
height: 3rem;
diff --git a/src/views/AlbumView.vue b/src/views/AlbumView.vue
index 6e3ab3cc..e1bdaaa0 100644
--- a/src/views/AlbumView.vue
+++ b/src/views/AlbumView.vue
@@ -39,10 +39,6 @@ onBeforeRouteUpdate(async (to) => {