Add styling for Tabs & welcome message

[eugene3231]

[codecov]

Codecov Report

Merging #252 (be4ed40) into master (e572c51) will increase coverage by 0.73%.
The diff coverage is 0.00%.

@@             Coverage Diff              @@
##             master     #252      +/-   ##
============================================
+ Coverage     62.30%   63.04%   +0.73%     
  Complexity      777      777              
============================================
  Files           120      119       -1     
  Lines          3019     2982      -37     
  Branches        350      344       -6     
============================================
- Hits           1881     1880       -1     
+ Misses         1016      980      -36     
  Partials        122      122              

Impacted Files	Coverage Δ	Complexity Δ
...ic/commands/appointment/AddAppointmentCommand.java	66.66% <ø> (ø)	12.00 <0.00> (ø)
...main/java/seedu/address/model/patient/Patient.java	94.02% <ø> (-0.09%)	28.00 <0.00> (ø)
src/main/java/seedu/address/ui/MainWindow.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
...rc/main/java/seedu/address/ui/VisitFormWindow.java	0.00% <0.00%> (ø)	0.00 <0.00> (ø)
...a/seedu/address/model/appointment/Appointment.java	92.15% <0.00%> (ø)	23.00% <0.00%> (ø%)
...du/address/model/appointment/UniqueVEventList.java

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e572c51...be4ed40. Read the comment docs.

[gsmoon97]

LGTM! One thing though. I was thinking maybe it's better to just say "Before you get started, type help to find out how to use CliniCal." or something along those lines. Cause I think it might be bit confusing for some users if the first thing they see are the commands without any description on what they actually do. Other than that, the welcoming message idea looks solid!

[afroneth]

Is there a way to partition the tabs so that there is a clearer distinction? I drew a rough sketch below.

[Michaeliaaa]

I agree with Kenneth. I prefer having clearer borders for tabs as well. I think making the unselected tab looked darker in fill would be nicer.

[eugene3231]

I could only add in some borders for the tab currently selected so like this, however not sure if it looks abit clunky...
And I couldn't find any documentation on how to change the unselected tab styling (making it darker etc)

OR

[Michaeliaaa]

For the tab borders, the colours are the same except for the bottom side. It may come across as less appealing to me so I think it is good to make it the same colour. Just a suggestion.