Implement subtasks view and settings option,

clean up CSS

src/view/Components/Taskview/Habitsview/HabitItem.tsx

@@ -5,15 +5,17 @@ import ReactMarkdown from "react-markdown";
 function HabitItem(props: any) {
     return (
         <div className="habit-item" id={props.id}>
-            <button className="habit-plus" id={"plus" + props.id} onClick={props.onChange}>
-                +{props.upCount}
-            </button>
-            <button className="habit-minus" id={"mins" + props.id} onClick={props.onChange}>
-                -{props.downCount}
-            </button>
+            <div className="habit-button-grp">
+                <button className="habit-button" id={"plus" + props.id} onClick={props.onChange}>
+                    +{props.upCount}
+                </button>
+                <button className="habit-button" id={"mins" + props.id} onClick={props.onChange}>
+                    -{props.downCount}
+                </button>
+            </div>
             <div>
                 <p className="habit-text"><Emoji text={props.habit_text}></Emoji></p>
-                <ReactMarkdown children={props.habit_notes} />
+                <ReactMarkdown className="description" children={props.habit_notes} />
             </div>
         </div>
     )