cleanup: make print button hidden on print

Along side making sure that the content's body text color is black (also on print)

src/views/ArticleView.vue

@@ -48,8 +48,8 @@
                 </a>
             </div>
             <div class="flex flex-row justify-center mt-2 align-middle">
-                <p class="mt-4 text-gray-700 dark:text-gray-400"><b>Reading time:</b> {{ readingTime }} &middot;</p>
-                <div class="px-6 py-3.5 inline-flex justify-center align-middle cursor-pointer" @click="printArticle">
+                <p class="mt-4 text-gray-700 dark:text-gray-400"><b>Reading time:</b> {{ readingTime }} <span class="print:hidden">&middot;</span></p>
+                <div class="px-6 py-3.5 inline-flex justify-center align-middle cursor-pointer print:hidden" @click="printArticle">
                     <span class="toolBox-item-icon mdi material-icons -ml-4">print</span>
                 </div>
             </div>
@@ -76,7 +76,7 @@
             </div>
         </aside>
         <div class="w-full lg:w-3/4 lg:pl-4">
-            <div class="content prose dark:prose-invert article-content" v-html="article.Body"></div>
+            <div class="content prose dark:prose-invert print:text-black article-content" v-html="article.Body"></div>
             <div class="flex justify-between mt-8 space-x-4">
                 <div class="w-1/2">
                     <router-link v-if="previousArticle && previousArticle.Slug !== undefined"