Another attempt at fixing settings positioning

css/popup.css

@@ -28,12 +28,13 @@ body {
 #courseList {
     list-style-type: none;
     padding: 5px;
+    margin-bottom: 30px;
 }
 
 #empty {
     font-weight: normal;
     font-size: large;
-    margin: 60px 30px 180px 30px;
+    margin: 60px 30px 200px 30px;
     text-align: center;
 }
 
@@ -103,19 +104,24 @@ i {
     padding: 4px 0px;
 }
 
-#header {
+#card-header {
     border-radius: 7px;
 }
 
-.settings {
+#card-body {
     position: relative;
+}
+
+.settings {
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
     display: flex;
-    float: right;
     vertical-align: middle;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     transition: 0.3s;
     padding: 7px 5px 5px 7px;
-    margin: 0px 10px 10px 0px;
+    margin: 0px 10px 0px 0px;
     border-radius: 7px;
 }