Style buttons and ad titles

infoshareacademy · Jun 26, 2024 · 859c08f · 859c08f
1 parent 50da833
commit 859c08f
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 10 deletions.
diff --git a/TutorLizard.Web/Views/Home/Index.cshtml b/TutorLizard.Web/Views/Home/Index.cshtml
@@ -4,15 +4,21 @@
 <h1 class="title">Wybierz funkcjonalność</h1>
 
 <div class="col-lg-5 mx-auto">
+ <div class="custom-padding">
  <div class="list-group btn-light">
  <li class="btn"><a asp-controller="Tutor" asp-action="Index" class="custom-link">Nauczyciel</a></li>
  </div>
+ </div>
+ <div class="custom-padding">
  <ul class="list-group btn-light">
  <li class="btn"><a asp-controller="Student" asp-action="Index" class="custom-link">Uczeń</a></li>
  </ul>
+ </div>
+ <div class="custom-padding">
  <ul class="list-group btn-light">
  <li class="btn"><a asp-controller="Browse" asp-action="Schedule" class="custom-link">Przeglądaj terminy</a></li>
  </ul>
+ </div>
 </div>
 
 
diff --git a/TutorLizard.Web/Views/Shared/_AdListItem.cshtml b/TutorLizard.Web/Views/Shared/_AdListItem.cshtml
@@ -2,34 +2,34 @@
 
 <div class="card my-3 ad-list-item">
  <div class="card-body">
- <h5 class="card-title">@Model.Title</h5>
+ <h5 class="card-title text-green text-center margin-bottom border-bottom">@Model.Title</h5>
  <div class="row">
- <div class="col-6 col-sm-3">Kategoria:</div>
+ <div class="col-6 col-sm-3 text-bold">Kategoria:</div>
  <div class="col-6 col-sm-9">@Model.CategoryName</div>
  </div>
 
  <div class="row">
- <div class="col-6 col-sm-3">Tematyka:</div>
+ <div class="col-6 col-sm-3 text-bold">Tematyka:</div>
  <div class="col-6 col-sm-9">@Model.Subject</div>
  </div>
 
  <div class="row">
- <div class="col-6 col-sm-3">Lokalizacja:</div>
+ <div class="col-6 col-sm-3 text-bold">Lokalizacja:</div>
  <div class="col-6 col-sm-9">@Model.Location</div>
  </div>
 
  <div class="row">
- <div class="col-6 col-sm-3">Tutor:</div>
+ <div class="col-6 col-sm-3 text-bold">Tutor:</div>
  <div class="col-6 col-sm-9">@Model.TutorName</div>
  </div>
 
  <div class="row">
- <div class="col-6 col-sm-3">Cena:</div>
+ <div class="col-6 col-sm-3 text-bold">Cena:</div>
  <div class="col-6 col-sm-9">@Html.DisplayFor(model => model.Price) zł/h</div>
  </div>
 
  <div class="row">
- <div class="col-6 col-sm-9">
+ <div class="col-6 col-sm-9 text-green">
  @if(Model.IsRemote)
  {
  <span>Nauczanie zdalne</span>
@@ -49,7 +49,7 @@
 
  <div class="row">
  <div class="text-end mt-2">
- <a asp-action="AdDetails" asp-controller="Browse" asp-route-id="@Model.Id" class="btn btn-light">Szczegóły ogłoszenia</a>
+ <a asp-action="AdDetails" asp-controller="Browse" asp-route-id="@Model.Id" class="btn btn-details">Szczegóły ogłoszenia</a>
  </div>
  </div>
  </div>

diff --git a/TutorLizard.Web/wwwroot/css/tutorlizard.css b/TutorLizard.Web/wwwroot/css/tutorlizard.css
@@ -35,7 +35,6 @@ body {
 .text-red {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
- font-size: 2rem;
  color: #b01e31;
  margin-bottom: 5px;
  margin-top: 5px;
@@ -44,12 +43,15 @@ body {
 .text-green {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
- font-size: 2rem;
  color: #1b8c3b;
  margin-bottom: 5px;
  margin-top: 5px;
 }
 
+.text-bold {
+ font-weight: bold;
+}
+
 .btn-light {
  background-color: #ededed;
 }
@@ -58,6 +60,16 @@ body {
  color: #ffffff;
 }
 
+.btn-details {
+ background-color: #9db88c;
+ font-weight: bold;
+}
+
+ .btn-details:hover {
+ background-color: #2b4027;
+ color: #ffffff;
+ }
+
 .btn-outline-dark {
  color: #ffffff;
  border-color: #ffffff;
@@ -132,6 +144,20 @@ body {
  .custom-link:hover {
  color: #2b4027;
  }
+
+.custom-padding {
+ padding: 5px;
+}
+
+.margin-bottom {
+ margin-bottom: 25px;
+}
+
+.border-bottom {
+ border-bottom: 1px solid #b0b0b0;
+}
+
+
 /* Navbar styles */
 .navbar {
  background-color: #2b4027;