diff --git a/client/index.html b/client/index.html
index 78c253d..8e04328 100644
--- a/client/index.html
+++ b/client/index.html
@@ -71,7 +71,7 @@
 							<th>Beskrivelse</th>
 							<th>Avstand</th>
 							<template x-if="$store.state.data.unitConversionNecessary">
-								<th>Ekvivalent</th>
+								<th class="removable-on-small-screen">Ekvivalent</th>
 							</template>
 							<th>Fjern registrert aktivitet</th>
 						</tr>
@@ -81,9 +81,9 @@
 								<td x-text="activity.description"></td>
 								<td x-text="`${activity.numberOfUnits} ${activity.activityType.unit}`"></td>
 								<template x-if="$store.state.data.unitConversionNecessary">
-									<td x-text="`${activity.numberOfUnits * activity.activityType.conversionFactor} km`"></td>
+									<td class="removable-on-small-screen" x-text="`${activity.numberOfUnits * activity.activityType.conversionFactor} km`"></td>
 								</template>
-								<td><button x-on:click="$store.state.deleteActivity(activity)">Fjern</button></td>
+								<td class="remove-button-cell"><button x-on:click="$store.state.deleteActivity(activity)">Fjern</button></td>
 							</tr>
 						</template>
 					</table>
@@ -92,9 +92,9 @@
 			<div class="other-users-div">
 				<h3>Andre aktive:</h3>
 				<input type="checkbox" id="hideMeCheckbox" x-model="$store.state.data.isHidden" x-on:click="$store.state.onClickHideCheckbox" /><label id="hideMeLabel" for="hideMeCheckbox">Skjul meg fra den globale listen</label>
-				<table>
+				<table id="active-users-table">
 					<tr>
-						<th>Navn</th><th>Total avstand</th><th>Første aktivitet</th><th>Siste aktivitet</th>
+						<th>Navn</th><th>Total avstand</th><th class="removable-on-small-screen">Første aktivitet</th><th class="removable-on-small-screen">Siste aktivitet</th>
 					</tr>
 					<template x-if="$store.state.data.otherUsers.length == 0">
 						<tr>
@@ -113,8 +113,8 @@
 									<td x-text="otherUser.name"></td>
 								</template>
 								<td x-text="otherUser.totalKilometers.toFixed(1)"></td>
-								<td x-text="otherUser.earliestActivity"></td>
-								<td x-text="otherUser.latestActivity"></td>
+								<td class="removable-on-small-screen" x-text="otherUser.earliestActivity"></td>
+								<td class="removable-on-small-screen" x-text="otherUser.latestActivity"></td>
 							</tr>
 						</template>
 					</template>
@@ -180,7 +180,7 @@
 										<th>Beskrivelse</th>
 										<th>Avstand</th>
 										<template x-if="$store.state.data.unitConversionNecessary">
-											<th>Ekvivalent</th>
+											<th class="removable-on-small-screen">Ekvivalent</th>
 										</template>
 										<th>Fjern registrert aktivitet</th>
 									</tr>
@@ -190,9 +190,9 @@
 											<td x-text="activity.description"></td>
 											<td x-text="`${activity.numberOfUnits} ${activity.activityType.unit}`"></td>
 											<template x-if="$store.state.data.unitConversionNecessary">
-												<td x-text="`${(activity.numberOfUnits * activity.activityType.conversionFactor)} km`"></td>
+												<td class="removable-on-small-screen" x-text="`${(activity.numberOfUnits * activity.activityType.conversionFactor)} km`"></td>
 											</template>
-											<td><button x-on:click="$store.state.deleteActivity(activity)">Fjern</button></td>
+											<td class="remove-button-cell"><button x-on:click="$store.state.deleteActivity(activity)">Fjern</button></td>
 										</tr>
 									</template>
 								</table>
diff --git a/client/src/style.css b/client/src/style.css
index 9762479..4307df0 100644
--- a/client/src/style.css
+++ b/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;