diff --git a/src/components/quest.js b/src/components/quest.js
index 3e4d70b..c48642e 100644
--- a/src/components/quest.js
+++ b/src/components/quest.js
@@ -64,7 +64,16 @@ export default (quest, sideQuest) => {
);
}
else {
- return (
+ return (<>
+
+
+
{type}
@@ -102,8 +111,13 @@ export default (quest, sideQuest) => {
/>)}
+
+
+
+
+
- );
+ >);
}
}
diff --git a/src/scss/index.scss b/src/scss/index.scss
index 41139a6..5d88625 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -28,8 +28,24 @@ body {
}
}
+.back_only {
+ width: 100%;
+ display: flex;
+ justify-content: flex-end;
+ .back {
+ border: none;
+ color: #FFF;
+ background-color: rgba(0,0,0,0);
+ text-align: right;
+ width: 30px;
+ margin: 0;
+ padding: 0;
+ }
+}
+
.main {
- margin: 0 5%;
+ margin: 0 auto;
+ max-width: 1000px;
header {
width: 100%;
margin-top: 1em;
@@ -39,14 +55,14 @@ body {
}
.body {
padding: 0 1em;
+ button {
+ width: 48%;
+ margin: 0 1%;
+ box-sizing: border-box;
+ }
.stats {
margin: 1em 0;
box-sizing: border-box;
- button {
- width: 48%;
- margin: 0 1%;
- box-sizing: border-box;
- }
}
.quest {
width: 100%;
@@ -68,6 +84,9 @@ body {
flex-direction: row;
justify-content: space-between;
}
+ button {
+ width: 30%;
+ }
}
}
@@ -118,7 +137,7 @@ body {
height: 100vh;
}
-@media (max-width: 600px) {
+@media (max-width: 900px) {
.main {
header {
padding: 1em 1em;
@@ -146,6 +165,9 @@ body {
flex-direction: column;
justify-content: flex-start;
}
+ button {
+ width: 100%;
+ }
}
}
.quests {