hide overflow and location when on mobile (#4286)

app/src/modules/users/routes/item.vue

@@ -563,6 +563,7 @@ export default defineComponent({
 
 	.user-box-content {
 		flex-grow: 1;
+		overflow: hidden;
 
 		.v-skeleton-loader {
 			width: 175px;
@@ -592,10 +593,22 @@ export default defineComponent({
 		.location {
 			color: var(--foreground-subdued);
 		}
+
+		.name {
+			white-space: nowrap;
+		}
+
+		.location {
+			display: none;
+		}
 	}
 
 	@include breakpoint(small) {
 		height: 172px;
+
+		.user-box-content .location {
+			display: block;
+		}
 	}
 }
 </style>