Improve style of copy to clipboard button on safari and firefox

_sass/_custom.scss

@@ -337,12 +337,6 @@ body{
   background-color: #44A886;
   color: white;
   font-weight: bold;
-  display: flex;
-  display: -webkit-flex; /* Safari */
-  flex-direction: row;
-  -webkit-flex-direction: row;
-  align-items: center;
-  justify-content: center;
 }
 
 .map-clipboard-button:hover {
@@ -351,10 +345,11 @@ body{
 }
 
 .map-clipboard-img {
-  height: 15px;
-  width: 15px;
-  margin: 0px !important;
-  margin-right: 7px !important;
+  background-image: url(/img/clipboard-white.svg);
+  background-size: 15px 15px;
+  background-position: left center;
+  background-repeat: no-repeat;
+  padding-left: 22px;
 }
 
 .docs-section:hover > div {

maps/index.md

@@ -42,7 +42,6 @@ published: true
 </div>
 <div id="map-clipboard">
 	<button class="map-clipboard-button" onclick="showCopiedHint()">
-	    <img src="/img/clipboard-white.svg" class="map-clipboard-img" alt="Copy to clipboard">
-	    <div id="map-clipboard-text">Copy example</div>
+		<span id="map-clipboard-text" class="map-clipboard-img">Copy example</spam>
 	</button>
 </div>