Hot Fix v1.0.021

.firebase/hosting.YnVpbGQ.cache

@@ -1,64 +1,64 @@
-asset-manifest.json,1559964346580,a3282630f219089bec1bc021ac1bb697e829df8281f5358916fffd4263dc9dc1
-precache-manifest.cee7b36e809a92367c8de1eb373b5e5c.js,1559964346580,9ceeb8e22805b8e302b5fe372b3933a4dc17285a37ddfe78f7fdaec8dbddd781
-service-worker.js,1559964346580,8fa6ee2406d15bada3fa72c619601bec604eecaee2f4d17ebf6f0d2888831a0d
-index.html,1559964346580,bce8f811690ad8fcf13f9aee441c3bf38814c9cb3451bbeee1bcabcdabe68cab
-static/css/11.f06bdb73.chunk.css,1559964346549,79d042f97c51c46079c115402778568b6312dc2adc37d2d14cc9598852678ab9
-static/css/11.f06bdb73.chunk.css.map,1559964346552,2c41282db6a64c2de6173c0938c7fec9c144c9e4c1d4a52c441781359d7fe441
-static/css/12.c34eae0d.chunk.css,1559964346549,eeebe533ee4da1c03d4fc504b440927dc9841a732e1eecc0f79d58cbcae693a5
-static/css/12.c34eae0d.chunk.css.map,1559964346552,e65bf72aec7f434efb8e79a1dcb6306488027198d36f1e2a72e19f5e05c95269
-static/css/13.037ca501.chunk.css,1559964346549,e6124acb03b94bfd1a69d06a964b9975aeea4c65e9bb623f0bb184a5dd1b7974
-static/css/13.037ca501.chunk.css.map,1559964346552,8364e313842581ff1dcfd01efd61fed6364da48fd3f4a8d9085c184193cdbcaa
-static/css/6.089e2d27.chunk.css,1559964346548,ed8557fb36b3803e3976c2fdf11664eac5439fc96764a6e6ecbbd5e32f9628c7
-static/css/6.089e2d27.chunk.css.map,1559964346552,5b3a5655fba1ccb1941f15681593ccb752bf15f2a0c32533d4c44fc586828a56
-static/css/4.3bd52f18.chunk.css,1559964346547,252415fed7b422eb15c5a55345a63fd817569aa6147f5ed17b45a619bf8169f9
-static/css/7.089e2d27.chunk.css,1559964346549,3e3a374910a9e8d2d89be55a4caa63e28f54d5cf942220d0392b1b92dfa1219e
-static/css/7.089e2d27.chunk.css.map,1559964346552,e4f17a39fe089dc0dbd4fca24e80ccdc6510d0bc362c12bb4859a6292a52aa7a
-static/css/5.b88e5d85.chunk.css,1559964346547,d97de67ceee6e51693e11c60a96e3403415b17a00f4b88c234ff12f9c1a1eea4
-static/css/8.a43968d1.chunk.css,1559964346549,b78dd325da2f76ec3f7c281f5b1da04e3ffa386aa459d9bc755f79ed13e28725
+asset-manifest.json,1559970621687,8cf1b38772f9fe29b57ff4be2f5cf24ba2f5d3f2acf0742e43317ee0b4bb75da
 manifest.json,499162500000,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
-static/css/8.a43968d1.chunk.css.map,1559964346552,820ad1063fff371dbcb1566f9c74300eef6cd119fec68c293ab2f1e9428e8de6
-static/css/9.b3ac3797.chunk.css,1559964346549,7e2a1cadfd62215a63c87ec6dcaa32d0d06771b3b59db6e77ad33600b0298f45
-static/css/9.b3ac3797.chunk.css.map,1559964346552,43a108259acdb75270046dc43dcd87a6e9b1e293d33758dac0ce405cdbeb536e
-static/css/4.3bd52f18.chunk.css.map,1559964346550,072959a3d16d7db04ca3d1fdbc35f53518d8a41bf88e6112d1121d91940868bb
-static/css/5.b88e5d85.chunk.css.map,1559964346552,34e6d6a0a242364280e2e2f693c6223d4309ec329eb33cfaa77eb7eee6027b17
-static/css/main.1d469fca.chunk.css,1559964346536,b10036cbbe02c9f589350bffd9921e3d8289144a64a4625da56d33a1c5d69f98
-static/js/10.ef032790.chunk.js,1559964346549,b09d74026343d44aa256454341f7b1f7290bca3f3c2848583d3add936ef7ecfe
-static/js/11.e5dbab4b.chunk.js,1559964346549,69ae91dc4c5ad87f16f1b4ce67bd7087d566cf6d9390d0559f72d423691b2f27
-static/js/0.9a5f3f3c.chunk.js,1559964346545,535554b68534c25faff8c50a14e01e084c361e84483c7610d3d1431d7a55edf3
-static/js/12.d5b34e03.chunk.js,1559964346549,52dc75ad714600431c5120287a730859a799a1ab9c9c79ad7f371351e764aeda
-static/js/12.d5b34e03.chunk.js.map,1559964346580,b422bde92642e79edf03119a1521360dec885e8bd960fb761903768cbcef71a9
-static/js/11.e5dbab4b.chunk.js.map,1559964346581,8cd1beae0a21fbc9c46314d2034dee1fc835182cf41232f919a9d6aae488de60
-static/js/13.1774e69b.chunk.js,1559964346550,86a424118d31ce42398ab639e474187a8789bc137bdbaeca80e3a4c6904a3496
-static/js/13.1774e69b.chunk.js.map,1559964346580,cce14c281352f4f0b2e33cb448d809323e828eb2e460c1b1f433ce7790c98e49
-static/js/4.fed1dd5e.chunk.js,1559964346546,c04bb4b9247b1646e8319f2f0de6983299e9c78ac2aae170ac21d3764c7ab4bc
-static/js/5.2d9bc80b.chunk.js,1559964346548,f4883ab40e525595a2d1f1204a46bf1cc85cf60f63326175ef7f6842bf3c5fb3
-static/js/6.5cfa9a1b.chunk.js,1559964346549,d9c59d2cdecf325095dce1bc4e5e86f5860c4580a6b97c3edb15b9c6c62eb17b
-static/js/6.5cfa9a1b.chunk.js.map,1559964346580,a0d456760052f02858f07dbd7f3943269e3ec11e325be4e0dded96f91c82f7f5
-static/js/7.d84ce2e5.chunk.js,1559964346549,114b4d2124573c1b35d3036759fca479639f1c91457043da97997592f4ae432e
-static/js/7.d84ce2e5.chunk.js.map,1559964346580,cd68a6cb8e1ca6545dc65f85ad7d9757310234aba76601652a67321fadee982d
-static/js/9.137c8ad2.chunk.js,1559964346549,58e00bfff7ab48d71e78f55011ebcfa2a91dc787cd9b96347fec39a45e664255
-static/js/8.cf4560b2.chunk.js,1559964346549,c9007043ff762cbf7ad64731e67d0d1dda0e40ef026ffe5b93980dd57ffbbbf5
-static/js/8.cf4560b2.chunk.js.map,1559964346580,28d39fd7bafab190056f81336c192c34f467cf6c059224916e694ce3a3248a57
-static/js/5.2d9bc80b.chunk.js.map,1559964346580,a7117556cf0c2b71da0ebdf49f879daa5bce750996a618a4b33b527ce4625920
-static/js/9.137c8ad2.chunk.js.map,1559964346580,c7375f7cbeef3929c6270826a9c4a11b6b81dc1adc3bb38228c8d5f17298fb9a
-static/css/main.1d469fca.chunk.css.map,1559964346550,31695ff68568989d5e4e237a75a491b4464373184bf1c274352feab73052f9c7
-static/js/4.fed1dd5e.chunk.js.map,1559964346580,54e384931ee90b1a80fa2be3ab5c5e020a7f2b0f71d71ff3196016b8ded1a36d
+index.html,1559970621686,8c752aa9beb75c603b4422799c6889c8d0bce39615884421091da059ecd70242
+precache-manifest.9ef7ec5e9273586789ef264a8b2cf3a9.js,1559970621686,8e77ac1ff113c3d1c5b3d25280f77db2f812f8f5514df27bcf150f5935613434
+service-worker.js,1559970621687,4716eb16c9ed480ad60eca92b9d6031b1f87fce157bf2ae875ac368cafa19191
+static/css/11.039755cc.chunk.css,1559970621655,6897b799c0bc094618e6ec033ce4c6f7887ab64d0084daddf4010c245d0f094a
+static/css/12.040af338.chunk.css,1559970621655,644aef49a80aca704e3b7b600f0d35c3f1c04e9d1b2f0309baeececb3c2c11fd
+static/css/11.039755cc.chunk.css.map,1559970621657,edcd657b326b806849c92c00495940e4dc638bb7e4a8fa915e9143cd73de6f2d
+static/css/12.040af338.chunk.css.map,1559970621661,2943ef94b6a7068ea0eb0cd2f9d9ea66adaa66e8a65f079f96efc1cd2b01d7ae
+static/css/13.6330f2c7.chunk.css,1559970621655,c62fc0d65613c540a1049b2175078cdb4891419460542c7d2a616a5776e213ec
+static/css/13.6330f2c7.chunk.css.map,1559970621661,9ca110f5814758d481229b75b0a763e82deac3e66f074ff0326c81d70c7d9178
+static/css/6.089e2d27.chunk.css.map,1559970621657,5b3a5655fba1ccb1941f15681593ccb752bf15f2a0c32533d4c44fc586828a56
+static/css/4.940e66ce.chunk.css,1559970621652,27c6c64a8061dc07ea38af7e7bc2633a4001a7aff0a26a604b8d8e7975034fbc
+static/css/6.089e2d27.chunk.css,1559970621654,ed8557fb36b3803e3976c2fdf11664eac5439fc96764a6e6ecbbd5e32f9628c7
+static/css/7.089e2d27.chunk.css,1559970621655,3e3a374910a9e8d2d89be55a4caa63e28f54d5cf942220d0392b1b92dfa1219e
+static/css/5.b88e5d85.chunk.css,1559970621653,d97de67ceee6e51693e11c60a96e3403415b17a00f4b88c234ff12f9c1a1eea4
+static/css/7.089e2d27.chunk.css.map,1559970621658,e4f17a39fe089dc0dbd4fca24e80ccdc6510d0bc362c12bb4859a6292a52aa7a
+static/css/8.a43968d1.chunk.css,1559970621655,b78dd325da2f76ec3f7c281f5b1da04e3ffa386aa459d9bc755f79ed13e28725
+static/css/8.a43968d1.chunk.css.map,1559970621656,820ad1063fff371dbcb1566f9c74300eef6cd119fec68c293ab2f1e9428e8de6
+static/css/4.940e66ce.chunk.css.map,1559970621656,5813712b638bd40ff25236f192767da6110b268d81be5fb0833f43473b452021
+static/css/9.b3ac3797.chunk.css.map,1559970621658,43a108259acdb75270046dc43dcd87a6e9b1e293d33758dac0ce405cdbeb536e
+static/css/9.b3ac3797.chunk.css,1559970621655,7e2a1cadfd62215a63c87ec6dcaa32d0d06771b3b59db6e77ad33600b0298f45
+static/js/10.ef032790.chunk.js,1559970621655,b09d74026343d44aa256454341f7b1f7290bca3f3c2848583d3add936ef7ecfe
+static/css/5.b88e5d85.chunk.css.map,1559970621657,34e6d6a0a242364280e2e2f693c6223d4309ec329eb33cfaa77eb7eee6027b17
+static/js/11.e5dbab4b.chunk.js,1559970621655,69ae91dc4c5ad87f16f1b4ce67bd7087d566cf6d9390d0559f72d423691b2f27
+static/css/main.d73e8206.chunk.css,1559970621653,b541493c4bf3c12d02af58bc71449bc58db1501350dae34a19743637aeb0a18e
+static/js/11.e5dbab4b.chunk.js.map,1559970621687,8cd1beae0a21fbc9c46314d2034dee1fc835182cf41232f919a9d6aae488de60
+static/js/12.d5b34e03.chunk.js,1559970621655,52dc75ad714600431c5120287a730859a799a1ab9c9c79ad7f371351e764aeda
+static/js/0.9a5f3f3c.chunk.js,1559970621652,535554b68534c25faff8c50a14e01e084c361e84483c7610d3d1431d7a55edf3
+static/js/13.1774e69b.chunk.js,1559970621656,86a424118d31ce42398ab639e474187a8789bc137bdbaeca80e3a4c6904a3496
+static/js/12.d5b34e03.chunk.js.map,1559970621687,b422bde92642e79edf03119a1521360dec885e8bd960fb761903768cbcef71a9
+static/js/13.1774e69b.chunk.js.map,1559970621687,cce14c281352f4f0b2e33cb448d809323e828eb2e460c1b1f433ce7790c98e49
+static/js/4.fed1dd5e.chunk.js,1559970621653,c04bb4b9247b1646e8319f2f0de6983299e9c78ac2aae170ac21d3764c7ab4bc
+static/js/5.2d9bc80b.chunk.js,1559970621654,f4883ab40e525595a2d1f1204a46bf1cc85cf60f63326175ef7f6842bf3c5fb3
+static/js/5.2d9bc80b.chunk.js.map,1559970621686,a7117556cf0c2b71da0ebdf49f879daa5bce750996a618a4b33b527ce4625920
+static/js/6.5cfa9a1b.chunk.js,1559970621655,d9c59d2cdecf325095dce1bc4e5e86f5860c4580a6b97c3edb15b9c6c62eb17b
+static/js/7.d84ce2e5.chunk.js,1559970621655,114b4d2124573c1b35d3036759fca479639f1c91457043da97997592f4ae432e
+static/js/6.5cfa9a1b.chunk.js.map,1559970621686,a0d456760052f02858f07dbd7f3943269e3ec11e325be4e0dded96f91c82f7f5
+static/js/7.d84ce2e5.chunk.js.map,1559970621686,cd68a6cb8e1ca6545dc65f85ad7d9757310234aba76601652a67321fadee982d
+static/js/8.cf4560b2.chunk.js,1559970621655,c9007043ff762cbf7ad64731e67d0d1dda0e40ef026ffe5b93980dd57ffbbbf5
+static/js/9.b651abdc.chunk.js,1559970621655,bcaa3075ed7586d4d35ac2ef8dd54c523a3cf8c998b20fcd4626474e3883bd4a
+static/js/8.cf4560b2.chunk.js.map,1559970621687,28d39fd7bafab190056f81336c192c34f467cf6c059224916e694ce3a3248a57
+static/js/9.b651abdc.chunk.js.map,1559970621687,55660013237916993f1265033c49916ef7fce2d08914b52f0b2350119e624950
+static/js/4.fed1dd5e.chunk.js.map,1559970621686,54e384931ee90b1a80fa2be3ab5c5e020a7f2b0f71d71ff3196016b8ded1a36d
+static/css/main.d73e8206.chunk.css.map,1559970621656,5cb7e93ad8aa3b9131f8b86ad060839b9307739ff4390f1d1d37f9e20f89768a
 favicon.ico,1557517320798,5c077cdb8df03650560873a0fad734717e41b43cab7af28349323aedae0a11a3
-static/js/10.ef032790.chunk.js.map,1559964346581,fe8b04d255dd8e14da5595113494ec26c27b917c573259fa9dddf475f5cda2db
-static/js/runtime~main.76bf91fb.js,1559964346546,086b4440de5b727679ba8d73bc64540cbfbd7359b669f9cbfc357065518e9055
-static/js/runtime~main.76bf91fb.js.map,1559964346578,7f44e14db23b5a3a8d744216760064af4c0e44cd66af217587e6fb8add04ceec
-vendors/css/aos.css,1557616108159,263a6d179c0f3fa9723c856b9ff837b910a7672c285b78b780fed8f463dc0cca
-static/media/cc_background.655326b7.png,1559964346545,c8b36b018d67aa55d6761139bfeda7cf245f1cab38e84c1294fb61ebe94dc0a8
-static/js/main.386f1ff3.chunk.js,1559964346546,0fb3fc4d76ab45915d4c37454c36cf7361a5ccc34b2b4ffbfee690e37397f6e1
-vendors/css/materialize.min.css,1559953524893,ba53128d2c7e93a718210dfaf2efa0502f702f57617e083a0dbe9e0b6d61494e
-vendors/js/materialize.min.js,1557616108163,1ed2522e75c96cd88e010d583c001c4acb5f4f5f161253c43baff124f6396705
-static/media/img-home2.f3c22371.png,1559964346536,6bea755856f20d0c18db3129bf407a21742fadc5e09fcd913a0cd82ea3b76bba
-static/js/0.9a5f3f3c.chunk.js.map,1559964346552,a9dd28757b83026d0852c8eb4bc25c8369ef0b5a59f3aeebb04dd583cfa0c013
-static/media/img-home-4.428184f4.png,1559964346545,387c1000bf8906ed01b3cf24090dc52b667a6a36cf0bf7827a5f7dc75960c77d
-static/js/main.386f1ff3.chunk.js.map,1559964346578,a7253328b7ba90c1dc88e3dd2722360c7e8f6c7f1a1ec219e2633894b56454e9
-static/media/img-footer-items.d2960a73.png,1559964346546,9b3afc449ddb0852448985f735ad663a8b6233e7e4316a86e81ec21040da8f61
-static/media/img-home1.b7c4a8c0.png,1559964346546,ba1d876eb39b793ba4c1818416e3e5d55484ba0c71ccdaa40c9ae9a0056266e8
-static/media/img-home3.17c9db3c.png,1559964346546,d2b54354ba953f7ae9b58bfeb0001e52dfb5be0ebf9f735d74496dfadcf30f00
-static/media/img-header-items.70e847a0.png,1559964346546,c3c18fa5ae3e043592e4d11e36e7bc3e5d8fa9bf3562520e1dff186e5e01794d
-static/js/3.20585163.chunk.js,1559964346547,78fc7816d55232ab5fbe93eccf105068cee49b1078645537105d940fc9627ea7
-static/js/3.20585163.chunk.js.map,1559964346580,9be42bf937a972ab22313b13408c071aeefdcb10ef1dbeeaac99f2cbda557331
+static/js/10.ef032790.chunk.js.map,1559970621687,fe8b04d255dd8e14da5595113494ec26c27b917c573259fa9dddf475f5cda2db
+static/js/runtime~main.4f75c914.js,1559970621652,c4954af3fffee2d304d01fd5b134558958e870029e8c3d96a622c1dd9cdb1d53
+static/js/runtime~main.4f75c914.js.map,1559970621685,7bb01ff845b65696779bab2d22bb9c838a943c9a6dd490a450d8b5b70bd04b31
+vendors/css/aos.css,1559965611202,263a6d179c0f3fa9723c856b9ff837b910a7672c285b78b780fed8f463dc0cca
+static/media/cc_background.655326b7.png,1559970621653,c8b36b018d67aa55d6761139bfeda7cf245f1cab38e84c1294fb61ebe94dc0a8
+static/js/main.4a8469c6.chunk.js,1559970621651,24df7fd9dd4284824ee063081f8c7a823854eb6e153e457b7a4bb1adb3cff25a
+vendors/css/materialize.min.css,1559965611203,ba53128d2c7e93a718210dfaf2efa0502f702f57617e083a0dbe9e0b6d61494e
+vendors/js/materialize.min.js,1559965611203,1ed2522e75c96cd88e010d583c001c4acb5f4f5f161253c43baff124f6396705
+static/js/0.9a5f3f3c.chunk.js.map,1559970621684,a9dd28757b83026d0852c8eb4bc25c8369ef0b5a59f3aeebb04dd583cfa0c013
+static/media/img-home2.f3c22371.png,1559970621643,6bea755856f20d0c18db3129bf407a21742fadc5e09fcd913a0cd82ea3b76bba
+static/media/img-home-4.428184f4.png,1559970621651,387c1000bf8906ed01b3cf24090dc52b667a6a36cf0bf7827a5f7dc75960c77d
+static/js/main.4a8469c6.chunk.js.map,1559970621686,06e0673004914edefe9e7f966c4004357d87148cd47a947eb72f7576b9cda73c
+static/media/img-footer-items.d2960a73.png,1559970621652,9b3afc449ddb0852448985f735ad663a8b6233e7e4316a86e81ec21040da8f61
+static/media/img-home3.17c9db3c.png,1559970621652,d2b54354ba953f7ae9b58bfeb0001e52dfb5be0ebf9f735d74496dfadcf30f00
+static/media/img-home1.b7c4a8c0.png,1559970621653,ba1d876eb39b793ba4c1818416e3e5d55484ba0c71ccdaa40c9ae9a0056266e8
+static/media/img-header-items.70e847a0.png,1559970621653,c3c18fa5ae3e043592e4d11e36e7bc3e5d8fa9bf3562520e1dff186e5e01794d
+static/js/3.20585163.chunk.js,1559970621652,78fc7816d55232ab5fbe93eccf105068cee49b1078645537105d940fc9627ea7
+static/js/3.20585163.chunk.js.map,1559970621685,9be42bf937a972ab22313b13408c071aeefdcb10ef1dbeeaac99f2cbda557331

README.md

@@ -95,6 +95,10 @@ Now, let's go to the changelog!
 
 ### CHANGE_LOG ###
 
+__`[v1.0.021]`__
+
+__Hot UI fix:__ There was mobile adaptations UI issues at Orders screen & Payout, also on Toolbar while on mobile UI; fixed.
+
 __`[v1.0.012]`__
 
 __Hot Fix:__ There was an issue with redirection at Home screen to other routes after login; fixed.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "shopaholic-app",
-  "version": "1.0.0",
+  "version": "1.0.021",
   "private": true,
   "dependencies": {
     "@babel/core": "7.4.3",

src/components/CheckoutSummary/CheckoutSummary.css

@@ -3,7 +3,8 @@
   flex-direction: column;
   justify-content: space-evenly;
   width: 100%;
-  margin: 0;
+  max-width: 1200px;
+  margin: 0 auto;
   text-align: center;
   padding: 32px;
   background-color: #f5f5f5;
@@ -12,13 +13,13 @@
 .CheckoutSummary > h2 {
   width: 91.666%;
   font-family: 'Titillium Web', sans-serif;
-  margin: 1rem auto;
+  margin: 7rem auto 1rem;
+  font-size: 2rem;
 }
 
 .CheckoutOrder {
   background-color: #fff;
   width: 91.666%;
-  max-width: 1000px;
   margin: 2rem auto;
   animation: slide .75s cubic-bezier(0.175, 0.885, 0.32, 1.135) forwards;
   height: 35.33rem;
@@ -50,7 +51,7 @@
 
 .CheckoutOrder > table > thead > tr > th,
 .CheckoutOrder > table > tbody > tr > td {
-  padding: 16px 32px;
+  padding: 8px 16px;
 }
 
 .CheckoutBtns {
@@ -74,6 +75,19 @@
   font-weight: 100 !important;
 }
 
+
+@media screen and (min-width: 500px) {
+  .CheckoutSummary > h2 {
+    margin: 1rem auto;
+    font-size: 3rem;
+  }
+
+  .CheckoutOrder > table > thead > tr > th,
+  .CheckoutOrder > table > tbody > tr > td {
+    padding: 16px 32px;
+  }
+}
+
 @keyframes slide {
   from {
     opacity: 0;

src/components/Navigation/SideDrawer/SideDrawer.js

@@ -65,7 +65,7 @@ const sideDrawer = props => {
             { salute }
             </p>
         </div>
-        <div style={{ display: 'flex', flexDirection: 'row' }}>
+        <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
           <Currency 
             clicked={props.currency}
             currency="USD" />

src/components/Navigation/Toolbar/Toolbar.css

@@ -19,6 +19,10 @@
   font-size: 2.25rem;
 }
 
+.OnlyMobile > div {
+  margin: 0 1.15rem;
+}
+
 .OnlyDesktop,
 .Title,
 .Show {

src/components/Orders/Orders.css

@@ -4,7 +4,7 @@
   width: 83.333%;
   max-width: 800px;
   justify-content: space-evenly;
-  margin: 0 auto;
+  margin: 7rem auto 1rem;
 }
 
 .Order {
@@ -36,6 +36,10 @@
   user-select: none;
 }
 
+.Order > div:nth-child(2) {
+  flex-direction: column;
+}
+
 .Order > div:nth-child(2) > div:first-child {
   width: 74%;
   max-width: 616px;
@@ -47,8 +51,15 @@
 }
 
 .Order > div:nth-child(2) > div:last-child {
-  width: 24%;
-  max-width: 120px;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.Order > div:nth-child(2) > div:last-child > button {
+  width: 42%;
+  margin: 2rem auto !important;
 }
 
 .Order > div > .OrderDetail {
@@ -116,6 +127,27 @@
   max-width: 45%;
 }
 
+@media screen and (min-width: 500px) {
+  .Orders {
+    margin: 0 auto;
+  }
+
+  .Order > div:nth-child(2) {
+    flex-direction: row;
+  }
+
+  .Order > div:nth-child(2) > div:last-child {
+    width: 24%;
+    max-width: 120px;
+    flex-direction: column;
+  }
+
+  .Order > div:nth-child(2) > div:last-child > button {
+    width: 100%;
+    margin: 1rem auto !important;
+  }
+}
+
 @keyframes slidacity {
   from {
     opacity: 0;

src/components/Orders/Payout/Payout.css

@@ -108,7 +108,7 @@
   display: flex;
   flex-direction: row;
   float: right;
-  width: 91.666%;
+  width: 83.333%;
 }
 
 .CCInfo > div:nth-child(2) {
@@ -152,4 +152,10 @@
   font-family: 'Tajawal', sans-serif;
   font-size: 1rem;
   font-weight: 400;
+}
+
+@media screen and (min-width: 500px) {
+  .CCInfo > div:first-child > div > div {
+    width: 91.666%;
+  }
 }

src/components/UI/Slider/Slider.css

@@ -17,6 +17,10 @@
   text-align: left;
 }
 
+.Container > p > span > span {
+  margin: 0 .75rem;
+}
+
 .Slider {
   margin: 2rem auto;
   width: 83.333%;

src/containers/Auth/Logout/Logout.js

@@ -8,6 +8,9 @@ const Logout = props => {
   useEffect(() => {
     props.onLogout();
     window.FB.logout();
+
+    if (props.isSideDrawer)
+      props.onSidedrawer();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -16,10 +19,17 @@ const Logout = props => {
   )
 }; 
 
+const mapStateToProps = state => {
+  return {
+    isSideDrawer: state.auth.sideDrawer
+  }
+}
+
 const mapDispatchToProps = dispatch => {
   return {
-    onLogout: () => dispatch(actions.logout())
+    onLogout: () => dispatch(actions.logout()),
+    onSidedrawer: () => dispatch(actions.handleSideDrawer())
   }
 };
 
-export default connect(null, mapDispatchToProps)(Logout);
+export default connect(mapStateToProps, mapDispatchToProps)(Logout);

src/containers/ShoppingCart/ShoppingCart.js

@@ -18,7 +18,7 @@ const ShoppingCart = props => {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  useMemo(() => props.onFetchTotalAmount(), [])
+  useMemo(() => props.onFetchTotalAmount(), [props])
 
   const updateProductHandler = item => e => {
     e.preventDefault();