Some more responsive design

client/src/style.css

@@ -38,19 +38,58 @@ body {
 	}
 }
 
+@media (min-width: 700px) {
+	.register-activity-div input {
+		width: 200px;
+	}
+
+	label {
+		width: 200px;
+	}
+
+	.registered-activities-div td button {
+		width: 100px;
+	}
+
+	.registered-activities-div td {
+		padding-right:10px;
+	}
+}
+
+@media (max-width: 699px) {
+	.register-activity-div input {
+		width: 120px;
+	}
+
+	label {
+		width: 120px;
+	}
+
+	.removable-on-small-screen {
+		display: none;
+	}
+
+	.registered-activities-div td button {
+		width: 80px;
+	}
+
+	.registered-activities-div td {
+		padding-right:0px;
+	}
+}
+
 .register-activity-div {
 	border: 1px gray solid;
 	padding: 10px;
 	line-height: 1.8;
 }
 
-.register-activity-div input {
-	width: 200px;
+.remove-button-cell {
+	text-align: center;
 }
 
 label {
 	display: inline-block;
-	width: 200px;
 }
 
 .submit-buttons-container {
@@ -80,15 +119,6 @@ table,td,th {
 	border: 1px solid lightgray;
 }
 
-.registered-activities-div td {
-	padding-right:10px;
-}
-
-.registered-activities-div td button {
-	margin-left:50px;
-	width: 100px;
-}
-
 .other-users-div {
 	border: 1px gray solid;
 	padding: 10px;