X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fpopup.css;h=577e6e32bcf98b1843e5ea3467d34ca0fff34ecc;hp=a2c3eacf9900f6615d87e84a72e54748c0613186;hb=46dc2718163b4e6ffb52ef8f46bef4c8db7ed804;hpb=deada4555ff19e9c290596b50bda2ae866ed8c36;ds=sidebyside

diff --git a/LCARStrek/global/popup.css b/LCARStrek/global/popup.css
index a2c3eacf..577e6e32 100644
--- a/LCARStrek/global/popup.css
+++ b/LCARStrek/global/popup.css
@@ -26,55 +26,57 @@ panel[type="arrow"] {
 
 panel[type="arrow"][side="top"],
 panel[type="arrow"][side="bottom"] {
-  margin-left: -25px;
-  margin-right: -25px;
+  margin-left: -20px;
+  margin-right: -20px;
 }
 
 panel[type="arrow"][side="left"],
 panel[type="arrow"][side="right"] {
-  margin-top: -25px;
-  margin-bottom: -25px;
+  margin-top: -20px;
+  margin-bottom: -20px;
 }
 
 .panel-arrowcontent {
-  border: 1px solid #FF9F00;
-  background-color: #000000;
   border-radius: 6px;
   padding: 6px;
+  background-color: #000000;
+  background-clip: padding-box;
+  border: 1px solid #FF9F00;
   margin: 3px;
 }
 
+.panel-arrow[side="top"],
+.panel-arrow[side="bottom"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical.svg");
+  position: relative;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
 .panel-arrow[side="top"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-up.png");
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-bottom: -8px;
-  margin-top: -6px;
+  margin-bottom: -5px;
 }
 
 .panel-arrow[side="bottom"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-down.png");
-  margin-left: 5px;
-  margin-right: 5px;
-  margin-top: -8px;
-  margin-bottom: -6px;
+  -moz-transform: scaleY(-1);
+  margin-top: -5px;
+}
+
+.panel-arrow[side="left"],
+.panel-arrow[side="right"] {
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal.svg");
+  position: relative;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .panel-arrow[side="left"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
-  margin-top: 5px;
-  margin-bottom: 5px;
-  margin-right: -8px;
-  margin-left: -6px;
+  margin-right: -5px;
 }
 
 .panel-arrow[side="right"] {
-  list-style-image: url("chrome://global/skin/arrow/panelarrow-horiz.png");
   -moz-transform: scaleX(-1);
-  margin-top: 5px;
-  margin-bottom: 5px;
-  margin-left: -8px;
-  margin-right: -6px;
+  margin-left: -5px;
 }
 
 tooltip {