Merge pull request #23826 from albertopq/1063568-data-icon-overlap

Bug 1063568 - Removing overlap with 1 sim

apps/system/style/statusbar/statusbar.css

@@ -202,6 +202,7 @@ body .utility-tray .statusbar > .sb-start {
 #statusbar-connections {
   margin: 0;
   padding: 0;
+  font-weight: 300;
 }
 
 #statusbar-connections > * {
@@ -214,8 +215,8 @@ body .utility-tray .statusbar > .sb-start {
   margin: 0;
   top: 0.6rem;
   position: relative;
-  width: 1.4rem;
-  left: 0.1rem;
+  width: 1rem;
+  left: 0;
 }
 
 #statusbar-connections .statusbar-data:not(.sb-icon-data-circle) {
@@ -230,15 +231,18 @@ body .utility-tray .statusbar > .sb-start {
   width: auto;
 }
 
-#statusbar-connections[data-multiple="true"] .statusbar-signal {
+#statusbar-connections .statusbar-signal {
   position: relative;
+}
+
+#statusbar-connections[data-multiple="true"] .statusbar-signal {
   margin-left: 0.8rem;
 }
 
 #statusbar-connections[data-multiple="true"] .statusbar-signal::before {
   position: absolute;
-  font-size: 0.8rem;
-  bottom: 0;
+  font-size: 1rem;
+  bottom: -.2rem;
   left: -0.6rem;
 }
 
@@ -255,13 +259,19 @@ body .utility-tray .statusbar > .sb-start {
   content: '4';
 }
 
-#statusbar-connections[data-multiple="true"] .statusbar-data {
+#statusbar-connections .statusbar-signal .statusbar-data {
   position: relative;
   margin: 0;
-  font-size: 0.8rem;
+  font-size: 1rem;
+  text-align: right;
+  top: -.5rem;
+  left: -.7rem;
+}
+
+#statusbar-connections[data-multiple="true"] .statusbar-signal .statusbar-data {
+  left: -.7rem;
   text-align: left;
-  top: 0;
-  left: -.6rem;
+  top: -.5rem;
 }
 
 #statusbar-connections[data-multiple="true"] .statusbar-data.sb-icon-data-circle {
@@ -510,7 +520,7 @@ body .utility-tray .statusbar > .sb-start {
 }
 
 .sb-icon-roaming {
-  background-position: -16rem -4rem;
+  background-position: -16.3rem -4rem;
 }
 
 .sb-icon-alarm {