feat: update funder guide + add alert for advanced payout

app/assets/v2/css/base.css

@@ -1030,32 +1030,27 @@ input.is-invalid {
 }
 
 .bounty_box {
-  border: 5px solid white;
+  box-shadow: 0px 0px 0px 3px #15003e;
   width: 100%;
   display: block;
   padding: 30px 30px;
-  background-color: #15003e;
-  color: white;
+  background-color: white;
+  color: black;
   text-decoration: none;
+  transition: all 100ms linear;
 }
 
 .bounty_box.disabled, .bounty_box.disabled:hover {
   cursor: not-allowed;
-  background-color: #5f445b;
+  background-color: rgb(245, 245, 245);
   text-decoration: none;
 }
 
 .bounty_box:hover {
-  background-color: #35305e;
   text-decoration: none;
-}
-
-.bounty_box h5 {
-  color: white;
-}
-
-.bounty_box span {
-  color: white;
+  transition: box-shadow 100ms ease-out;
+  box-shadow: 0px 0px 0px 6px #15003e;
+  color: #000;
 }
 
 .morecontent span {

app/assets/v2/css/quickstart.css

@@ -11,10 +11,6 @@
   color: #4a4a4a;
 }
 
-.quickstart .dont-show .checkbox_container .filter-label {
-  display: inline;
-}
-
 .quickstart ol,
 .quickstart ul {
   padding: 0;
@@ -55,33 +51,7 @@
   color: #3d3d46;
   list-style-type: none;
   line-height: 2.5rem;
-}
-
-.steps-list .action-footer {
-  justify-content: space-between;
-}
-
-.action-footer .video-link {
-  width: 40%;
-}
-
-.action-footer .btn {
-  border-radius: 3px;
-  background-color: #0c0763;
-  border-color: #0c0763;
-}
-
-.tips-list {
-  border-left: #d7d7d7 2px solid;
-  padding-right: 0 !important;
-}
-
-.tips-list ul li {
-  line-height: 2rem !important;
-}
-
-.issuetypes-container {
-  background-color: #fafafa;
+  font-weight: 600;
 }
 
 .issuetypes-container .subheading {
@@ -92,33 +62,54 @@
 }
 
 .issuetypes-container h5 {
-  font-size: 1.1rem;
-  margin-top: 1rem;
+  font-size: 1.2rem;
+  margin-top: 0.5rem;
   flex: 1;
   letter-spacing: 0;
 }
 
 .issuetypes-container p {
-  font-size: 0.9rem;
   line-height: 0.9rem;
 }
 
-.notsuggested-container ol {
-  padding: 1rem 9rem;
+.bounty-tips {
+  background: #0D0764;
+}
+
+.bounty-tips h4 {
+  color: #fff;
 }
 
-.notsuggested-container ol li {
-  list-style: none;
-  display: flex;
-  padding: 1rem 0;
+.red-text {
+  color: #D0021B;
 }
 
-.notsuggested-container ol li span {
-  padding: 0rem 1rem;
+.first-bounty {
+  background: #D6FBEB;
+  border-radius: 4px;
+  color: #00A55E;
+  padding: 5px 10px;
 }
 
-.notsuggested-container .orange-text {
-  color: #ff7200;
+.bounty-tips .card {
+  height: 7.5rem;
+}
+
+.bounty-tips .card .title {
+  margin-top: 1rem;
+}
+
+.bounty-activity {
+  border-top: 1px solid #D8D8D8;
+  border-bottom: 1px solid #D8D8D8;
+}
+
+.bounty-activity .box {
+  border-bottom: none;
+}
+
+#dontshow {
+  width: 10rem;
 }
 
 @media screen and (max-width: 500px) {
@@ -132,6 +123,23 @@
 
 }
 
+@media (max-width: 767.98px) {
+  .bounty-tips .card {
+    height: auto;
+  }
+
+  .steps-list ol li {
+    line-height: 2rem;
+  }
+}
+
+
+@media (min-width: 992px) and (max-width: 1199.98px) {
+  .bounty-tips .card {
+    height: 9rem;
+  }
+}
+
 .flex-column img {
   margin: auto;
 }