Modal width responsiveness (partial fix for #10267) (#10354)

* added responsive scss to allow modals to respond to changing window size

* Remove unecessary space

* moved scss around

* remove unnecessary space

* Adjust left and right panels to be more responsive + moved css for buyQuestModal into its respective vue file (startQuestModal css wasn't working in its vue file... I can't figure out why)

* removed important to get rid of extra scrollbar

* moved css all to one file

website/client/components/shops/quests/buyQuestModal.vue

@@ -62,7 +62,6 @@
 
     .content {
       text-align: center;
-      overflow-y: scroll;
     }
 
     .item-wrapper {
@@ -71,14 +70,12 @@
 
     .inner-content {
       margin: 33px auto auto;
-      width: 400px;
     }
 
 
     .questInfo {
       width: 70%;
-      margin: 0 auto;
-      margin-bottom: 10px;
+      margin: 0 auto 10px auto;
     }
 
     .right-sidebar {
@@ -99,9 +96,7 @@
     span.svg-icon.inline.icon-32 {
       height: 32px;
       width: 32px;
-
       margin-right: 8px;
-
       vertical-align: middle;
     }
 
@@ -112,7 +107,6 @@
       font-size: 24px;
       font-weight: bold;
       line-height: 1.33;
-
       vertical-align: middle;
 
       &.gems {
@@ -161,7 +155,6 @@
       }
     }
 
-
     .notEnough {
       pointer-events: none;
       opacity: 0.55;