[A11y] Modified homepage circuit board labels to accommodate text spacing (#9059)

* [A11y] Adjusted homepage circuit board label sizes to accomodate text spacing

* Widened package downloads label container

* Reduced width of some containers to avoid unnecessary whitespace

* Made elements use padding to expand, anchored labels to account for expansion, moved unique packages label down to allow more space once labels expand

Author: advay26

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

@@ -41,7 +41,7 @@
 
   .circuit-board {
     margin-top: 20px;
-    width: 768px;
+    width: 900px;
     height: 396px;
     position: relative;
     margin: 0 auto;
@@ -52,6 +52,8 @@
     .circuit-board-label {
       position: absolute;
       height: 75px;
+      padding-left: 25px;
+      padding-right: 25px;
       background-color: #fff;
       color: @text-color;
       box-shadow: 0 0 3px black;
@@ -62,35 +64,32 @@
     }
 
     .circuit-board-pd {
-      left: 377px;
+      left: 443px;
       top: 10px;
       float: left;
-      width: 230px;
 
       &.triangle:after {
         left: 20px;
       }
     }
 
     .circuit-board-pv {
-      left: 0;
+      right: 675px;
       top: 63px;
       float: left;
-      width: 144px;
 
       &.triangle:after {
-        right: 30px;
+        right: 45px;
       }
     }
 
     .circuit-board-up {
-      right: 0;
-      top: 87px;
+      left: 675px;
+      top: 105px;
       float: right;
-      width: 144px;
 
       &.triangle:after {
-        left: 30px;
+        left: 45px;
       }
     }
   }