fix: more bootstrap classes fix

WLHackClub · Jul 23, 2024 · e7c42f4 · e7c42f4
1 parent 2a39810
commit e7c42f4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -32,7 +32,7 @@
         </button>
 
         <div class="collapse navbar-collapse justify-content-between">
-          <ul class="navbar-nav mr-auto">
+          <ul class="navbar-nav me-auto">
             <li class="nav-item item">
               <a class="nav-link text-primary" href="{{ site.url }}">Home</a>
             </li>
@@ -43,7 +43,7 @@
               <a class="nav-link text-primary" href="/projects">Projects</a>
             </li>
           </ul>
-          <button class="nav-item btn mr-1" id="modeButton" class="border border-0">
+          <button class="nav-item btn me-1 border border-0" id="modeButton">
             <h5><i class="bi bi-brightness-high-fill" style="vertical-align: -0.125em"></i></h5>
           </button>
         </div>

diff --git a/js/search.js b/js/search.js
@@ -69,7 +69,7 @@ input.addEventListener("input", () => {
                   <div class="card h-100">
                     <div class="card-body d-flex flex-column">
                       <h5 class="card-title">${data[ref]["title"]}</h5>
-                      <p class="text-secondary mr-1">${data[ref]["date"]}</p>
+                      <p class="text-secondary me-1">${data[ref]["date"]}</p>
                       <div class="card-subtitle mb-1">${tags}</div>
                       <p class="card-text overflow-text">${data[ref]["description"]}</p>
                       <a href="${data[ref]["url"]}" class="btn btn-primary mt-auto me-auto">Learn More</a>

diff --git a/projects.html b/projects.html
@@ -70,7 +70,7 @@ <h5>{{ site.categories.projects.first.title }}</h5>
           <div class="card h-100">
             <div class="card-body d-flex flex-column">
               <h5 class="card-title">{{ post.title }}</h5>
-              <p class="text-secondary mr-1">{{ post.date | date: '%D' }}</p>
+              <p class="text-secondary me-1">{{ post.date | date: '%D' }}</p>
               <div class="card-subtitle mb-1">
                 {% if post.tags %}
                   {% for tag in post.tags %}