Fixed classes

scify · Jan 2, 2025 · 20f636b · 20f636b
1 parent bcd5230
commit 20f636b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/resources/assets/js/vue-components/problem/Problems.vue b/resources/assets/js/vue-components/problem/Problems.vue
@@ -1,10 +1,10 @@
 <template>
 	<div class="row justify-content-center py-5">
-		<div class="col-12 col-md-10 col-lg-11 col-xl-9">
+		<div class="col-lg-12 col-md-10 col-lg-11 col-xl-9">
 			<div class="container-fluid p-0">
-				<div class="row" v-if="errorMessage.length">
+				<div v-if="errorMessage.length" class="row">
 					<div class="col">
-						<div class="alert-component position-relative d-none" id="errorAlert">
+						<div id="errorAlert" class="alert-component position-relative d-none">
 							<div class="alert alert-danger" role="alert">
 								{{ errorMessage }}
 							</div>

diff --git a/resources/assets/js/vue-components/solution/ProposeSolution.vue b/resources/assets/js/vue-components/solution/ProposeSolution.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="row justify-content-center py-5">
-		<div class="col-12 col-md-10 col-lg-11 col-xl-9">
+		<div class="col-lg-12 col-md-10 col-lg-11 col-xl-9">
 			<div class="text-center p-0">
 				<button class="btn btn-primary call-to-action" @click="goToProposeSolutionPage">
 					{{ trans("solution.propose_solution_title") }}

diff --git a/resources/assets/js/vue-components/solution/Solutions.vue b/resources/assets/js/vue-components/solution/Solutions.vue
@@ -7,25 +7,25 @@
 			</div>
 		</div>
 		<div class="row justify-content-center py-5">
-			<div class="col-12 col-md-10 col-lg-11 col-xl-9">
+			<div class="col-lg-12 col-md-10 col-lg-11 col-xl-9">
 				<div class="container-fluid p-0">
-					<div class="row pb-4" v-if="userVotesLeft !== null">
+					<div v-if="userVotesLeft !== null" class="row pb-4">
 						<div class="col">
 							<p
-								style="font-size: 1.429rem; line-height: 1.949rem; text-align: center; margin-bottom: 0"
 								v-sane-html="getVotesInfoMessage()"
+								style="font-size: 1.429rem; line-height: 1.949rem; text-align: center; margin-bottom: 0"
 							></p>
 							<p
-								style="font-size: 1.429rem; line-height: 1.949rem; text-align: center"
 								v-sane-html="getVotesLeftMessage()"
+								style="font-size: 1.429rem; line-height: 1.949rem; text-align: center"
 							></p>
 						</div>
 					</div>
-					<div class="row" v-if="errorMessage.length">
+					<div v-if="errorMessage.length" class="row">
 						<div class="col">
-							<div class="alert-component position-relative d-none" id="error-alert">
+							<div id="error-alert" class="alert-component position-relative d-none">
 								<div class="alert alert-danger" role="alert">
-									<p class="my-2" v-sane-html="errorMessage"></p>
+									<p v-sane-html="errorMessage" class="my-2"></p>
 								</div>
 							</div>
 						</div>
@@ -42,9 +42,9 @@
 					<ul class="row">
 						<li
 							v-for="solution in solutions"
+							:id="'solution_card_' + solution.id"
 							:key="solution.id"
 							class="col-12"
-							:id="'solution_card_' + solution.id"
 						>
 							<div class="card">
 								<div v-if="!solution.img_url" class="card-placeholder-img-container">
@@ -108,13 +108,13 @@ import SolutionDefaultImage from "./SolutionDefaultImage.vue";
 
 export default {
 	name: "Solutions",
-	mixins: [transMixin],
 	components: {
 		SolutionDefaultImage,
 		ProposeSolution,
 		ShareCircleButton,
 		HeartCircleButton,
 	},
+	mixins: [transMixin],
 	props: {
 		problemId: {
 			type: Number,

diff --git a/resources/views/crowdsourcing-project/partials/about.blade.php b/resources/views/crowdsourcing-project/partials/about.blade.php
@@ -10,7 +10,7 @@ class="h-0 hidden"
                 <div class="row">
 
 
-                    <div class="col-12 col-md-8 p-0">
+                    <div class="col-lg-12 col-md-8 p-0">
                         {!! $viewModel->project->currentTranslation->about !!}
                     </div>