Fixed package icon-title-version alignment (#10653)

* Fixed package icon-title-version alignment on package details page
* Maintaining aspect ratio for non-standard icons and aligned version number with title

Author: pranathibora14

src/Bootstrap/dist/css/bootstrap-theme.css

@@ -32,26 +32,36 @@
     margin-bottom: 16px;
 
     h1 {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      margin-top: 40px;
+
+      > span.pull-left {
+        float: none;
+        display: flex;
+        align-items: center;
+      }
 
       .title {
         font-size: 32px;
-        margin-top: 40px;
         font-weight: 400;
         margin-right: 18px;
+        line-height: 1;
       }
 
       .version-title {
         font-size: 16px;
         font-weight: 400;
         color: var(--neutralForeground3Rest);
         margin-right: 14px;
-        vertical-align: middle;
+        transform: translateY(6px);
       }
 
       .package-icon {
-        height: 32px;
         width: 32px;
-        margin-top: 8px;
+        height: 32px;
+        object-fit: contain;
         margin-right: 12px;
       }
     }