Fix external link icon going to new line alone (#3118)

Author: adriendupuis

docs/api/php_api/php_api_reference/css/base.css

@@ -578,13 +578,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../../../../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 0px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../../../../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {

docs/api/php_api/php_api_reference/css/template.css

@@ -670,13 +670,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../../../../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 0px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../../../../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {

docs/css/custom.css

@@ -406,13 +406,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 2px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {

tools/api_refs/.phpdoc/template/css/custom.css.twig

@@ -394,13 +394,9 @@ figcaption {
     text-align: center;
 }
 
-a.external:not(.card):after {
-    content: url(../../../../images/open-in-new.svg);
-    font-style: normal;
-    padding-left: 0px;
-    position: relative;
-    font-size: 11px;
-    top: -5px;
+a.external:not(.card) {
+    background: url(../../../../images/open-in-new.svg) no-repeat 100% -2px;
+    padding-right: 12px;
 }
 
 .md-typeset .md-content__icon {