Fixed donation box display

layouts/shortcodes/donation-box.html

@@ -5,6 +5,7 @@
             {{- $fill:="<path fill=\"#D092FC\"" -}}
                               {{ replace (readFile $fname) $path $fill | safeHTML }}
         </span>
+
     <a href="{{- ( .Get 2 ) -}}">
         {{- ( .Get 1 ) -}}
     </a>

resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json

@@ -1 +1 @@
-{"Target":"main.060e63a346b78099791e98b23b80715a55f8fd8f9a94b7fd22860dd77ec36e57.css","MediaType":"text/css","Data":{"Integrity":"sha256-Bg5jo0a3gJl5HpiyO4BxWlX4/Y+alLf9IoYN137Dblc="}}
+{"Target":"main.2b48f5b6358e0645fc44d1496cf25b64e236f0a05211031db50aa3b9cc76667d.css","MediaType":"text/css","Data":{"Integrity":"sha256-K0j1tjWOBkX8RNFJbPJbZOI28KBSEQMdtQqjucx2Zn0="}}

themes/hello-friend-ng/assets/scss/_donation.scss

@@ -14,9 +14,10 @@
 
 .donation-icon {
   display: inline-block;
-  width: 10%;
+  width: 8%;
   max-width: 40px;
   margin-right: 10px;
+  margin-top: 5px;
 }
 
 .donation a {
@@ -27,16 +28,28 @@
   max-width: 85%;
   overflow-wrap: break-word;
 }
+//
+//.donation span {
+//  text-decoration: none;
+//  display: block;
+//  font-size: 13px;
+//  color: #ffffff;
+//  max-width: 85%;
+//  overflow-wrap: break-word;
+//}
 
 .donation a:hover {
   color: #D092FC;
 }
 
-@media only screen and (max-width: 768px) {
+@media only screen and (max-width: 400px) {
   .donation-icon {
     width: 40%;
   }
-  .donation-text {
+  //.donation span {
+  //  width: 75%;
+  //}
+  .donation a {
     width: 75%;
   }
 }