From b44ef8940585edec8e51321870913737eab403af Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Sun, 25 Nov 2018 21:45:26 -0700
Subject: [PATCH] Make favorite star seeable on all backgrounds, increase
 button padding for easier clicks

---
 pages/home.php      | 22 ++++++++++++++++------
 static/css/home.css |  7 +++----
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/pages/home.php b/pages/home.php
index 701baf0..ce6031e 100644
--- a/pages/home.php
+++ b/pages/home.php
@@ -80,8 +80,18 @@ foreach ($colors as $c) {
             <div class="card notecard" data-color="<?php echo $note->getColor(); ?>" id="notecard_<?php echo $note->getID(); ?>" data-note="<?php echo $note->getID(); ?>">
                 <div class="card-body notecard-click2open">
                     <div class="float-right">
-                        <a href="./action.php?action=favoritenote&noteid=<?php echo $note->getID(); ?>" class="favorite-btn mr-2 <?php echo $note->getFavorite() ? "text-warning" : ""; ?>" data-toggle="tooltip" title="<?php $Strings->get("Favorite"); ?>">
-                            <i class="fa<?php echo $note->getFavorite() ? "s" : "r"; ?> fa-star"></i>
+                        <a href="./action.php?action=favoritenote&noteid=<?php echo $note->getID(); ?>" class="favorite-btn pr-1" data-toggle="tooltip" title="<?php $Strings->get("Favorite"); ?>">
+                            <?php
+                            if ($note->getFavorite()) {
+                                ?>
+                                <i class="fas fa-star fa-fw"></i>
+                                <?php
+                            } else {
+                                ?>
+                                <i class="far fa-star fa-fw"></i>
+                                <?php
+                            }
+                            ?>
                         </a>
                     </div>
                     <div class="card-text note-text">
@@ -92,22 +102,22 @@ foreach ($colors as $c) {
                 <div class="card-footer">
                     <div class="d-flex justify-content-around flex-wrap">
                         <div>
-                            <a class="px-2" href="./app.php?page=editnote&note=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Edit'); ?>">
+                            <a class="px-2 py-2" href="./app.php?page=editnote&note=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Edit'); ?>">
                                 <i class="fas fa-edit"></i> <noscript><?php $Strings->get('Edit'); ?></noscript>
                             </a>
                         </div>
                         <div class="d-none yesscript">
-                            <a class="px-2 color-btn" data-toggle="tooltip" title="<?php $Strings->get("Set color"); ?>" data-color="<?php echo $note->getColor(); ?>" data-noteid="<?php echo $note->getID(); ?>">
+                            <a class="px-2 py-2 color-btn" href="#" data-toggle="tooltip" title="<?php $Strings->get("Set color"); ?>" data-color="<?php echo $note->getColor(); ?>" data-noteid="<?php echo $note->getID(); ?>">
                                 <i class="fas fa-palette"></i>
                             </a>
                         </div>
                         <div>
-                            <a class="px-2" href="./action.php?action=downloadnote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Download'); ?>">
+                            <a class="px-2 py-2" href="./action.php?action=downloadnote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Download'); ?>">
                                 <i class="fas fa-download"></i> <noscript><?php $Strings->get('Download'); ?></noscript>
                             </a>
                         </div>
                         <div>
-                            <a class="px-2" href="./action.php?action=deletenote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Delete'); ?>">
+                            <a class="px-2 py-2" href="./action.php?action=deletenote&noteid=<?php echo $note->getID(); ?>" data-toggle="tooltip" title="<?php $Strings->get('Delete'); ?>">
                                 <i class="fas fa-trash"></i> <noscript><?php $Strings->get('Delete'); ?></noscript>
                             </a>
                         </div>
diff --git a/static/css/home.css b/static/css/home.css
index 6a1e35a..474d660 100644
--- a/static/css/home.css
+++ b/static/css/home.css
@@ -13,7 +13,6 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
     cursor: default;
 }
 
-/*.grid__brick {
-    margin-top: 5px;
-    margin-bottom: 15px;
-}*/
\ No newline at end of file
+.favorite-btn {
+    font-size: 120%;
+}
\ No newline at end of file