Merge pull request #1501 from pixelfed/frontend-ui-refactor

Update Profile.vue component, rename Sponsor to Donate

public/mix-manifest.json

@@ -16,7 +16,7 @@
     "/js/hashtag.js": "/js/hashtag.js?id=0f7e529e8128cc17638b",
     "/js/loops.js": "/js/loops.js?id=19112dc8663fc43db735",
     "/js/mode-dot.js": "/js/mode-dot.js?id=c7c83849e6bba99f1c33",
-    "/js/profile.js": "/js/profile.js?id=273e21d1f85a097b18e4",
+    "/js/profile.js": "/js/profile.js?id=13f4d71fb51610ec5a34",
     "/js/quill.js": "/js/quill.js?id=c2b060eaf87ef63eb5c1",
     "/js/search.js": "/js/search.js?id=3186ccb02c7fad43c701",
     "/js/status.js": "/js/status.js?id=4b9a52b586880e264f05",

resources/assets/js/components/Profile.vue

@@ -22,7 +22,7 @@
 												<img class="rounded-circle box-shadow mr-2" :src="profile.avatar" width="77px" height="77px">
 												<p v-if="sponsorList.patreon || sponsorList.liberapay || sponsorList.opencollective" class="text-center mt-1 mr-2">
 													<button type="button" @click="showSponsorModal" class="btn btn-sm btn-outline-secondary font-weight-bold py-0">
-														Sponsor
+														Donate
 													</button>
 												</p>
 											</div>
@@ -53,7 +53,7 @@
 										<p v-if="sponsorList.patreon || sponsorList.liberapay || sponsorList.opencollective" class="text-center mt-3">
 											<button type="button" @click="showSponsorModal" class="btn btn-outline-secondary font-weight-bold py-0">
 												<i class="fas fa-heart text-danger"></i>
-												Sponsor
+												Donate
 											</button>
 										</p>
 									</div>

resources/assets/js/components/Timeline.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="container" style="">
 	<div class="row">
-		<div :class="[modes.distractionFree ? 'col-md-8 col-lg-8 offset-md-2 pt-sm-2 px-0 my-sm-3 timeline order-2 order-md-1':'col-md-8 col-lg-8 pt-sm-2 px-0 my-sm-3 timeline order-2 order-md-1']">
+		<div :class="[modes.distractionFree ? 'col-md-8 col-lg-8 offset-md-2 px-0 my-sm-3 timeline order-2 order-md-1':'col-md-8 col-lg-8 px-0 my-sm-3 timeline order-2 order-md-1']">
 			<div style="padding-top:10px;">
 				<div v-if="loading" class="text-center">
 					<div class="spinner-border" role="status">
@@ -232,7 +232,7 @@
 			</div>
 		</div>
 
-		<div v-if="!modes.distractionFree" class="col-md-4 col-lg-4 pt-2 my-3 order-1 order-md-2 d-none d-md-block">
+		<div v-if="!modes.distractionFree" class="col-md-4 col-lg-4 my-3 order-1 order-md-2 d-none d-md-block">
 			<div class="position-sticky" style="top:68px;">
 				<div class="mb-4">
 					<div class="">