Simplified some css

Author: linkdotnet

src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor.css

@@ -39,7 +39,7 @@
     margin: auto;
     transition: left 0.5s;
     background: rgba(0, 0, 0, 0.6);
-    color: #fff;
+    color: var(--bs-white);
     padding: 10px;
     width: 100%;
     font-size: 0.9rem;

src/LinkDotNet.Blog.Web/Features/Home/Components/SearchInput.razor

@@ -1,12 +1,12 @@
 <div class="search-bar">
-    <input type="text" class="search-bar-input" placeholder="search" aria-label="search" @bind-value="searchTerm" 
+    <input type="text" class="search-bar-input" placeholder="search" aria-label="search" @bind-value="searchTerm"
     @onkeyup="@CheckForEnter" title="Search for blog post via title or tags"/>
     <button class="search-bar-button" aria-label="search submit" @onclick="CallSearchEntered"><i class="search"></i></button>
 </div>
 
 @code {
     private string searchTerm = string.Empty;
-    
+
     [Parameter]
     public EventCallback<string> SearchEntered { get; set; }
 

src/LinkDotNet.Blog.Web/Features/Home/Components/SearchInput.razor.css

@@ -28,13 +28,12 @@
 .search-bar-input:focus {
     outline: 0;
 }
-
 .search-bar-button {
     border: 0;
     border-radius: 100vh;
     margin-left: auto;
-    width: calc(40px - 10px);
-    height: calc(40px - 10px);
+    width: 30px;
+    height: 30px;
     cursor: pointer;
     background: transparent;
 }