Bug 1851481 - Clean up vertical alignment within result rows. r=adw

Differential Revision: https://phabricator.services.mozilla.com/D198596

browser/themes/shared/urlbar-dynamic-results.css

@@ -167,10 +167,6 @@
  * Quick actions
  */
 
-.urlbarView-row[dynamicType=quickactions] > .urlbarView-row-inner {
-  align-items: start;
-}
-
 .urlbarView-dynamic-quickactions-buttons {
   display: flex;
   flex-grow: 1;
@@ -188,7 +184,6 @@
   box-shadow: 0 0 1px rgba(128, 128, 142, 0.9), 0 0 4px rgba(128, 128, 142, 0.5);
   border-radius: 4px;
   display: flex;
-  align-items: center;
   padding: .5em;
   margin-top: 2px;
   position: relative;

browser/themes/shared/urlbarView.css

@@ -134,7 +134,7 @@
 .urlbarView-no-wrap {
   display: inline-flex;
   flex-wrap: nowrap;
-  align-items: center;
+  align-items: baseline;
   justify-content: start;
 }
 
@@ -266,6 +266,7 @@
 .urlbarView-favicon {
   width: var(--urlbarView-favicon-width);
   height: var(--urlbarView-favicon-width);
+  align-self: center;
   margin-inline-start: var(--urlbarView-icon-margin-start);
   margin-inline-end: var(--urlbarView-icon-margin-end);
   background-repeat: no-repeat;
@@ -293,6 +294,7 @@
   position: absolute;
   width: 12px;
   height: 12px;
+  align-self: center;
   margin-top: var(--urlbarView-favicon-width);
   margin-inline-start: calc(var(--urlbarView-icon-margin-start) + var(--urlbarView-favicon-width) - 6px);
   background-repeat: no-repeat;
@@ -732,11 +734,6 @@
 
 /* Rich suggestions */
 
-.urlbarView-row[rich-suggestion] > .urlbarView-row-inner {
-  align-items: center;
-  justify-content: start;
-}
-
 .urlbarView-row[rich-suggestion] > .urlbarView-row-inner > .urlbarView-favicon {
   width: var(--urlbarView-rich-suggestion-default-icon-size);
   height: var(--urlbarView-rich-suggestion-default-icon-size);
@@ -773,15 +770,12 @@
     display: flex;
     flex-wrap: nowrap;
     flex-direction: row;
-    align-items: baseline;
-    justify-content: start;
 
     > .urlbarView-row-body-top-no-wrap {
       display: flex;
       flex-wrap: nowrap;
       flex-direction: row;
       align-items: baseline;
-      justify-content: start;
       flex-shrink: 0;
       min-width: 0;