2 files changed, 97 insertions, 14 deletions
diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index c1782f43ab6..2b9a5bd92f3 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -476,13 +476,13 @@
   max-height: 180px;
 }
 .openerp .oe_view_manager_current a.accessactive {
-   display:inline-block;
-   text-decoration:none;
+  display: inline-block;
+  text-decoration: none;
 }
-.openerp .oe_view_manager_current .accessactive:first-letter{
-  text-decoration:underline;
+.openerp .oe_view_manager_current .accessactive:first-letter {
+  text-decoration: underline;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-  font-weight:bold;
+  font-weight: bold;
 }
 .openerp .oe_button.oe_link {
   border: none;
@@ -3025,12 +3025,56 @@ div.ui-widget-overlay {
   border-radius: 3px;
 }
 
-.resolution table {
+.resolution {
+  width: 350px;
+  background-color: white;
+  margin-bottom: 15px;
+  margin-left: 5px;
+  position: relative;
+  z-index: 10;
+}
+.resolution .res {
+  display: table;
   width: 100%;
-  line-height: 20px;
 }
-.resolution table td {
-  valign: middle;
+
+div.res {
+  border: 1px solid;
+}
+
+.resolution .res > div:not(.simtext) {
+  border-bottom: 1px solid;
+  height: 70px;
+  clear: both;
+}
+
+.res .simtext {
+  border-bottom: 0px;
+  padding: 5px;
+  height: auto;
+}
+
+.simtext span {
+  font-size: 8px;
+  color: grey;
+}
+
+.resolution .res div div {
+  display: inline;
+  position: absolute;
+  padding-top: 30px;
+  padding-left: 10px;
+}
+
+.res img {
+  width: 150px;
+  height: 40px;
+  padding-top: 20px;
+  padding-left: 5px;
+}
+.res span a {
+  font-size: 10px;
+  padding-right: 5px;
 }
 
 @media print {
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index cff89d12ff5..dc550a3ad9f 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -2399,11 +2399,50 @@ div.ui-widget-overlay
 .ui-corner-all
     @include radius(3px)
 
-.resolution table
-    width: 100%
-    line-height: 20px
-    td
-        valign: middle
+.resolution
+    width: 350px
+    background-color: white
+    margin-bottom: 15px
+    margin-left: 5px
+    position: relative
+    z-index: 10
+    .res
+        display: table
+        width: 100%
+
+div.res
+    border: 1px solid
+
+.resolution .res > div:not(.simtext)
+    border-bottom: 1px solid
+    height: 70px
+    clear: both
+
+.res .simtext
+    border-bottom: 0px
+    padding: 5px
+    height: auto
+
+.simtext span
+    font-size: 8px
+    color: grey
+
+.resolution .res div div
+    display: inline
+    position: absolute
+    padding-top: 30px
+    padding-left: 10px
+
+.res
+    img
+        width: 150px
+        height: 40px
+        padding-top: 20px
+        padding-left: 5px
+    span a
+        font-size: 10px
+        padding-right: 5px
+
 
 @media print
     .openerp