updated the page layout with css

public/styles.css

@@ -26,6 +26,7 @@ p {
 
 a {
   color: #DD7FB6;
+  font-family: ubuntuSansMono;
   text-decoration: none
 }
 
@@ -95,12 +96,20 @@ div.audiocard {
   background-color: #51324A;
   display: inline-flex;
   text-align: left;
-  flex-direction: row;
-  box-sizing: border-box;
   padding: 15px;
   border-radius: 15px;
 }
 
+div.audiocard-floating-left {
+  margin: 0 20px 20px 0;
+  float: left;
+}
+
+div.audiocard-floating-right {
+  margin: 0 0 20px 20px;
+  float: right;
+}
+
 div.audioinner {
   padding-left: 15px;
   display: inline-flex;
@@ -110,10 +119,10 @@ div.audioinner {
 
 img.albumcoversmall {
   height: 100px;
-  width: 90px;
+  width: 100px;
+  border-radius: 12px;;
 }
 
-
 div.audioinner a,
 p {
   margin: 5px;