systemView fix for firefox

pamods · Apr 27, 2014 · bbf3c1c · bbf3c1c
1 parent 02e803b
commit bbf3c1c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/main/webapp/static/css/common.css b/src/main/webapp/static/css/common.css
@@ -474,17 +474,21 @@ body {
     display: inline-block;
     height: 18px;
     -webkit-transform: skew(-72deg);
+    -ms-transform: skew(-72deg);
+    transform: skew(-72deg);
     border-width: 1px 0 0 1px;
     margin-bottom: 22px;
 }
 
 .planet-hud-pre.reverse div {
     -webkit-transform: skew(72deg);
+    -ms-transform: skew(72deg);
+    transform: skew(72deg);
     border-width: 1px 1px 0 0;
 }
 
 .planet-hud-caption {
-    vertical-align: middle;
+    vertical-align: top;
     text-align: right;
     max-width: 116px;
     width: 116px;

diff --git a/src/main/webapp/templates-hidden/gameinfo.html b/src/main/webapp/templates-hidden/gameinfo.html
@@ -29,7 +29,9 @@ <h2>System : <span data-bind="text:name" class="system-name"></span></h2>
             <li class="planet-view">
               <!-- ko if: $index()%2 -->
               <div class="planet-hud-caption">
-                <img style="right:0" data-bind="style: {width: imageWidth, top: imageOffset}, attr: {src:imagePath}">
+                <div style="position:relative">
+                  <img style="right:0" data-bind="style: {width: imageWidth, top: imageOffset}, attr: {src:imagePath}">
+                </div>
               </div>
               <div class="planet-hud-pre">
                 <div></div>
@@ -57,7 +59,9 @@ <h2>System : <span data-bind="text:name" class="system-name"></span></h2>
                 <div></div>
               </div>
               <div class="planet-hud-caption">
-                <img style="left:0" data-bind="style: {width: imageWidth, top: imageOffset}, attr: {src:imagePath}">
+                <div style="position:relative">
+                   <img style="left:0" data-bind="style: {width: imageWidth, top: imageOffset}, attr: {src:imagePath}">
+                </div>
               </div>
               <!-- /ko -->
             </li>