Roster CSS cleanup

package.nw/lib/roster/rosterColumns.js

@@ -128,7 +128,7 @@ const ROSTER_COLUMNS = {
     tableData: (callObj) => ({
       align: "center",
       style: "margin:0; padding:0;",
-      html: `<img style='padding-top:3px' src='./img/flags/16/${window.opener.g_dxccInfo[callObj.dxcc].flag}'>`
+      html: `<img style='margin-bottom:-3px;' src='./img/flags/16/${window.opener.g_dxccInfo[callObj.dxcc].flag}'>`
     })
   },
 
@@ -325,7 +325,7 @@ const ROSTER_COLUMNS = {
             align: "center",
             style: "margin: 0; padding: 0; cursor: pointer; background-clip: content-box; box-shadow: 0 0 4px 4px inset #2222FFFF;",
             onClick: `openChatToCid("${callObj.gt}")`,
-            html: "<img height='16px' style='' src='./img/gt_chat.png' />"
+            html: "<img height='16px' style='margin-bottom:-2px;' src='./img/gt_chat.png' />"
           }
         }
         else
@@ -334,7 +334,7 @@ const ROSTER_COLUMNS = {
             align: "center",
             style: "margin: 0; padding: 0; cursor: pointer;",
             onClick: `openChatToCid("${callObj.gt}")`,
-            html: "<img height='16px' style='' src='./img/gt_chat.png' />"
+            html: "<img height='16px' style='margin-bottom:-2px;' src='./img/gt_chat.png' />"
           }
         }
       }

package.nw/lib/style_roster.css

@@ -442,7 +442,8 @@ table.rosterTable {
 table.rosterTable td,
 table.rosterTable th {
   border: 1px solid #555;
-  padding: 2px 4px;
+  padding: 2px;
+  padding-bottom: 1px;
 }
 
 table.rosterTable thead {
@@ -541,14 +542,15 @@ table.rosterTable thead th:first-child {
 }
 
 .ackBadge {
-  padding: 0;
-  width: 1.5em;
+  padding: 0px;
+  margin: 0px;
+  height: 12px;
+  margin-bottom: -2px;
 }
 
 .wantedCol {
   max-width: 160px;
   overflow: hidden;
-  text-overflow:
-  ellipsis;
+  text-overflow: ellipsis;
   white-space: nowrap;
 }