From 76de859b21b1439b837f3cf16dc9a849a6b62041 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Sat, 9 Feb 2019 23:26:15 -0700
Subject: [PATCH] Improve category toolbar

---
 pages/news.php    | 6 +++---
 static/js/news.js | 1 -
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/pages/news.php b/pages/news.php
index 798a634..58c32b5 100644
--- a/pages/news.php
+++ b/pages/news.php
@@ -10,13 +10,13 @@ News::load($SETTINGS["sources"]["news"]);
 $newsitems = News::getItems();
 ?>
 
-<div class="btn-toolbar mb-4" role="toolbar">
-    <div class="btn-group btn-group-toggle">
+<div class="btn-toolbar mb-4 justify-content-center" role="toolbar">
+    <div class="btn-group btn-group-toggle flex-wrap justify-content-center" data-toggle="buttons">
         <?php
         foreach (NewsCategory::CATEGORIES as $cat) {
             $category = NewsCategory::fromString($cat);
             ?>
-            <label class="btn btn-secondary">
+            <label class="btn btn-secondary category-btn<?php echo $category->get() == NewsCategory::GENERAL ? " active" : ""; ?>">
                 <input
                     type="radio"
                     name="newscategory"
diff --git a/static/js/news.js b/static/js/news.js
index e56d3ef..6aeed52 100644
--- a/static/js/news.js
+++ b/static/js/news.js
@@ -14,7 +14,6 @@ function fetchVisibleGridImages() {
 
 $("input[name=newscategory]").on("change", function () {
     window.shuffleInstance.filter($(this).val());
-    $(this).button('toggle');
     setTimeout(fetchVisibleGridImages, 500);
 });