Super duper style fix

1 files changed, 17 insertions, 5 deletions

diff --git a/quotes/public/style.css b/quotes/public/style.css
index f098bda..8e759da 100644
--- a/quotes/public/style.css
+++ b/quotes/public/style.css
@@ -41,15 +41,27 @@ button:not([type="submit"]) {
 }
 
 li {
-    word-wrap: break-word;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+    vertical-align: top;
+    margin: 10px 0;
 }
 
-span {
-    float: right;
+ul {
+    padding-left: 5px;
+}
+
+span.text {
+    word-break: break-all;
+    width: 90%;
+}
+
+span.delete-btn {
     cursor: pointer;
     background: url("/feather/icons/trash.svg") no-repeat center;
-    width: 30px;
-    height: 30px;
+    width: 10%;
+    height: auto;
 }
 
 input,