diff --git a/assets/style.scss b/assets/style.scss
index f1e89e3..eb8d58d 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -82,24 +82,6 @@ hr {
margin-bottom: 1rem;
}
-.headerWrapper {
- position: relative;
- img {
- max-width: 100%;
- display: block;
- margin: auto;
- height: auto;
-
- }
-}
-
-.header-img {
- display: block;
- margin: auto;
- max-width: 100%;
- height: auto;
-}
-
.commands,
.faq {
max-width: 85%;
@@ -112,7 +94,7 @@ hr {
small {
display: block;
- color: $tertiaryColor;;
+ color: $tertiaryColor;
}
h1 {
@@ -124,21 +106,21 @@ hr {
font-size: 1.5em;
}
- p, li{
- color: $tertiaryColor;
- }
+ // p, li{
+ // color: $tertiaryColor;
+ // }
.wrapper {
- columns: 1;
-
.list-group {
padding: 0;
margin: 0;
+ display: grid;
+ grid-template-columns: 1fr;
.list-group-item {
display: block;
- padding: 0.75rem 1.25rem;
- margin-bottom: -1px;
+ padding: 0.75rem 0;
+ grid-column: 1;
}
}
}
@@ -167,12 +149,22 @@ hr {
.commands .wrapper,
.faq .wrapper {
- columns: 2;
-
li {
&:after {
width: 350px;
}
}
+
+ .list-group {
+ grid-template-columns: repeat(2, 1fr);
+
+ .list-group-item {
+ grid-column: 1;
+
+ &:nth-child(2n) {
+ grid-column: 2;
+ }
+ }
+ }
}
}
diff --git a/components/donate.vue b/components/donate.vue
index bcab7fb..7610faa 100644
--- a/components/donate.vue
+++ b/components/donate.vue
@@ -19,6 +19,7 @@
display: flex;
align-items: center;
flex-direction: column;
+ margin-top: 20px;
.patreon {
margin-bottom: 5px;
diff --git a/components/header.vue b/components/header.vue
index 15ba1f1..2a6b2c0 100644
--- a/components/header.vue
+++ b/components/header.vue
@@ -1,62 +1,81 @@
-
+