Bug 1078174 - [Contact] Improve UI on contact settings

apps/communications/contacts/style/app.css

@@ -246,10 +246,6 @@ li button.activity > b em {
   pointer-events: none;
 }
 
-[data-type="list"] li aside.pack-end {
-  margin: 0 2rem 0 0;
-}
-
 /* Selection tag extended from shared/style/buttons.css */
 .view-select-tag .selection-list li button {
   background-color: #fff;

apps/communications/contacts/style/contacts.css

@@ -407,39 +407,44 @@ gaia-header [data-icon] {
   justify-content: space-between;
 }
 #view-settings [data-type="list"] li#settingsOrder aside {
+  top: 0.5rem;
   pointer-events: none;
-  align-self: flex-end;
+  align-self: center;
 }
 
 /* Cutom FB item */
 #view-settings [data-type="list"] .fb-item {
-  height: auto;
   border-bottom: none;
   display: flex;
   flex-direction: column;
 }
 
 #view-settings [data-type="list"] .fb-item p {
-  padding-left: 4.3rem;
+  padding-left: 4.2rem;
+  font-size: 1.4rem;
 }
 
 #view-settings [data-type="list"] .fb-item p span {
   display: block;
   padding-bottom: 0.4rem;
 }
 
+#view-settings [data-type="list"] .fb-item {
+  background: url(/contacts/style/images/f_logo.png) no-repeat 0 calc(50% + 0.5rem) / 3rem;
+}
+
 #view-settings [data-type="list"] .fb-item p:first-of-type {
-  background: url(/contacts/style/images/f_logo.png) no-repeat 0.5rem calc(50% + 0.5rem) / 3rem;
   height: 3rem;
+  font-size: 1.9rem;
   line-height: 3rem;
 }
 
 #view-settings [data-type="list"] .fb-item aside {
   width: 6.5rem;
-  height: 6rem;
+  height: 5rem;
   pointer-events: none;
   position: absolute;
-  top: 0;
+  top: 1rem;
   right: 0;
 }
 
@@ -682,7 +687,8 @@ gaia-header [data-icon] {
   margin-top: 1rem;
 }
 
-#sources > li {
+#sources > li,
+#contactsManagement > li {
   border-bottom: none;
   height: auto;
 }

shared/locales/import_contacts/import_contacts.en-US.properties

@@ -35,9 +35,9 @@ genericProgress                 = {{current}}/{{total}}
 
 # Facebook import
 facebook                          = Facebook
-facebook-import-msg               = {[ plural(imported) ]}
-facebook-import-msg[zero]         = No friends imported (out of {{total}})
-facebook-import-msg[one]          = One friend imported (out of {{total}})
+facebook-import-msg               = {{imported/{{total}} friends imported
+facebook-import-msg[zero]         = 0/{{total}} friends imported
+facebook-import-msg[one]          = 0/{{total}} friends imported
 facebook-import-msg[two]          = {{imported}}/{{total}} friends imported
 facebook-import-msg[few]          = {{imported}}/{{total}} friends imported
 facebook-import-msg[many]         = {{imported}}/{{total}} friends imported