Fix pixel inconsistencies

Author: boerdereinar

src/components/panoItem.ts

@@ -206,7 +206,7 @@ export class PanoItem extends St.Widget {
     const height = Math.floor(this.settings.get_int('item-height') * mult) + header;
 
     this.set_height(height * scaleFactor);
-    this.container.set_width(this.settings.get_int('item-width') * scaleFactor);
+    this.container.set_width((this.settings.get_int('item-width') - 2) * scaleFactor);
     // -2*4 for the border
     this.container.set_height((height - 8) * scaleFactor);
     this.body.set_height((height - 10 - header) * scaleFactor);

src/styles/stylesheet.css

@@ -48,7 +48,7 @@
 /* Item */
 .pano-item {
   border-radius: 16px;
-  margin: 6px 0px 12px 6px;
+  margin: 5px 0px 12px 6px;
   border: 4px solid transparent;
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
 }
@@ -58,19 +58,19 @@
 }
 
 .pano-window.vertical .pano-item {
-  margin: 6px 12px 0px 12px;
+  margin: 6px 10px 0px 10px;
 }
 
 .pano-item:first-child {
-  margin-left: 12px;
+  margin-left: 10px;
 }
 
 .pano-item:last-child {
-  margin-right: 12px;
+  margin-right: 10px;
 }
 
 .pano-window.vertical .pano-item:last-child {
-  margin-bottom: 12px;
+  margin-bottom: 10px;
 }
 
 .pano-item-container {