Update UI section of the UG and the UML diagram

docs/diagrams/UiClassDiagram.puml

@@ -3,70 +3,59 @@
 skinparam arrowThickness 1.1
 skinparam arrowColor UI_COLOR_T4
 skinparam classBackgroundColor UI_COLOR
-skinparam linetype ortho
 
-package UI <<Rectangle>>{
-  Class "<<interface>>\nUi" as Ui
-  Class "{abstract}\nUiPart" as UiPart
-  Class UiManager
-  Class MainWindow
-  Class HelpWindow
-  Class ResultDisplay
-  Class ClientListPanel
-  Class ClientCard
-  Class ClientCardField
-  Class ClientDetailPanel
-  Class StatusBarFooter
-  Class CommandBox
-  Class StatusPieChart
+package Logic <<Rectangle>> {
+Class HiddenLogic #FFFFFF
 }
 
-package Model <<Rectangle>> {
-  Class HiddenModel #FFFFFF
+package UI <<Rectangle>>{
+Class "<<interface>>\nUi" as Ui
+Class "{abstract}\nUiPart" as UiPart
+Class UiManager
+Class MainWindow
+Class HelpWindow
+Class ResultDisplay
+Class ClientListPanel
+Class ClientDetailPanel
+Class StatusBarFooter
+Class CommandBox
+Class StatusPieChart
+Class ClientCard
+Class ClientCardField
 }
 
-package Logic <<Rectangle>> {
-  Class HiddenLogic #FFFFFF
+package Model <<Rectangle>> {
+Class HiddenModel #FFFFFF
 }
 
 Class HiddenOutside #FFFFFF
+HiddenOutside ..> Ui
 
-HiddenOutside -right-> Ui
-UiManager -up-|> Ui
+UiManager .left.|> Ui
 UiManager -down-> "1" MainWindow
 
-MainWindow *-down-> "1" CommandBox
+MainWindow *-down->  "1" CommandBox
 MainWindow *-down-> "1" ResultDisplay
+MainWindow *-down-> "1" ClientDetailPanel
+MainWindow *-down-> "1" ClientListPanel
 MainWindow *-down-> "1" StatusBarFooter
 MainWindow *-down-> "1" StatusPieChart
-MainWindow *-down-> "1" ClientListPanel
-MainWindow *-down-> "1" ClientDetailPanel
-MainWindow -right-> "0..1" HelpWindow
+MainWindow --> "0..1" HelpWindow
 
-ClientListPanel *-right-> "*" ClientCard
+ClientListPanel *-down-> "*" ClientCard
 ClientCard *-down-> "6" ClientCardField
-note bottom of ClientCardField : Depends on the Ikonli package for icons
 
-MainWindow -up-|> UiPart
-ResultDisplay -up-|> UiPart
-CommandBox -up-|> UiPart
-ClientListPanel -up-|> UiPart
-ClientCard -up-|> UiPart
-ClientDetailPanel -up-|> UiPart
-StatusBarFooter -up-|> UiPart
-HelpWindow -up-|> UiPart
-StatusPieChart -up-|> UiPart
+note bottom of ClientCardField : Depends on the Ikonli package for icons
 
-ClientCard -right-> Model
-ClientDetailPanel -right-> Model
-UiManager -down-> Logic
-MainWindow -down-> Logic
+ClientCard --|> UiPart
+ClientDetailPanel --|> UiPart
+StatusBarFooter --|> UiPart
+HelpWindow --|> UiPart
+StatusPieChart --|> UiPart
 
-CommandBox -[hidden]down- ResultDisplay
-ResultDisplay -[hidden]down- StatusBarFooter
-StatusBarFooter -[hidden]down- StatusPieChart
-StatusPieChart -[hidden]down- ClientListPanel
-ClientListPanel -[hidden]down- ClientDetailPanel
-ClientDetailPanel -[hidden]down- HelpWindow
+ClientCard .down.> Model
+ClientDetailPanel .down.> Model
+UiManager -up-> Logic
+MainWindow -up-> Logic
 
 @enduml