Merge 12a0e1e433 into 30df768d26

packages/frontend/src/components/MkPostForm.vue

@@ -1327,19 +1327,16 @@ html[data-color-scheme=light] .preview {
 
 .footerLeft {
 	flex: 1;
-	display: grid;
-	grid-auto-flow: row;
-	grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
-	grid-auto-rows: 40px;
+	display: flex;
+	height: 40px;
+	overflow: auto;
 }
 
 .footerRight {
 	flex: 0;
 	margin-left: auto;
-	display: grid;
-	grid-auto-flow: row;
-	grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
-	grid-auto-rows: 40px;
+	display: flex;
+	height: 40px;
 	direction: rtl;
 }
 
@@ -1349,6 +1346,7 @@ html[data-color-scheme=light] .preview {
 	margin: 0;
 	font-size: 1em;
 	width: auto;
+	min-width: 42px;
 	height: 100%;
 	border-radius: 6px;
 

packages/frontend/src/pages/about-misskey.vue

@@ -109,6 +109,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 						<div>
 							<a style="display: inline-block;" class="pepabo" title="GMO Pepabo" href="https://pepabo.com/" target="_blank"><img style="width: 100%;" src="https://assets.misskey-hub.net/sponsors/gmo_pepabo.svg" alt="GMO Pepabo"></a>
 						</div>
+						<div>
+							<a style="display: inline-block;" class="purpledotdigital" title="Purple Dot Digital" href="https://purpledotdigital.com/" target="_blank"><img style="width: 100%;" src="https://assets.misskey-hub.net/sponsors/purple-dot-digital.jpg" alt="Purple Dot Digital"></a>
+						</div>
 					</div>
 				</FormSection>
 				<FormSection>