Converted cooldownbar to miniwindow

modules/game_cooldown/cooldown.otui

@@ -3,6 +3,7 @@ SpellGroupIcon < UIWidget
   image-size: 22 22
   image-source: /game_cooldown/icons/cooldownIcons.png
   focusable: false
+  margin-top: 3
 
 SpellIcon < UIWidget
   size: 22 22 
@@ -18,87 +19,84 @@ SpellIcon < UIWidget
     anchors.left: parent.left
 
 SpellProgressRect < UIProgressRect
-  anchors.fill: parent
   background: #585858AA
   percent: 100
   focusable: false
   
-Panel
-  id: spellPanel
-  layout:
-    type: anchor
-  height: 28
-  width: 250
-  anchors.top: parent.top
-  anchors.left: parent.left
-  margin-top: 70
-  margin-left: 10
-  border-width: 1
-  border-color: #00000077
-  background-color: #ffffff11
-  focusable: false
+MiniWindow
+  id: cooldownWindow
+  !text: tr('Spell Cooldowns')
+  height: 85
+  icon: cooldown.png
+  @onClose: modules.game_cooldown.onMiniWindowClose()
+  &save: true
+  
+  MiniWindowContents
+    SpellGroupIcon
+      id: groupIconAttack
+      image-clip: 0 0 20 20
+      anchors.top: parent.top
+      anchors.left: parent.left
+      margin-left: 3
+      $on:
+        image-clip: 0 20 20 20
 
-  SpellGroupIcon
-    id: groupIconAttack
-    image-clip: 0 0 20 20
-    anchors.top: parent.top
-    anchors.left: parent.left
-    margin-top: 3
-    margin-left: 3
-    $on:
-      image-clip: 0 20 20 20
+    SpellProgressRect
+      id: progressRectAttack
+      anchors.fill: groupIconAttack
+      !tooltip: tr('Attack')
 
-  SpellProgressRect
-    id: progressRectAttack
-    anchors.fill: groupIconAttack
-    !tooltip: tr('Attack')
+    SpellGroupIcon
+      id: groupIconHealing
+      image-clip: 20 0 20 20
+      anchors.top: parent.top
+      anchors.left: groupIconAttack.right
+      margin-left: 3
+      $on:
+        image-clip: 20 20 20 20
 
-  SpellGroupIcon
-    id: groupIconHealing
-    image-clip: 20 0 20 20
-    anchors.top: parent.top
-    anchors.left: groupIconAttack.right
-    margin-top: 3
-    margin-left: 3
-    $on:
-      image-clip: 20 20 20 20
+    SpellProgressRect
+      id: progressRectHealing
+      anchors.fill: groupIconHealing
+      !tooltip: tr('Healing')
 
-  SpellProgressRect
-    id: progressRectHealing
-    anchors.fill: groupIconHealing
-    !tooltip: tr('Healing')
+    SpellGroupIcon
+      id: groupIconSupport
+      image-clip: 40 0 20 20
+      anchors.top: parent.top
+      anchors.left: groupIconHealing.right
+      margin-left: 3
+      $on:
+        image-clip: 40 20 20 20
 
-  SpellGroupIcon
-    id: groupIconSupport
-    image-clip: 40 0 20 20
-    anchors.top: parent.top
-    anchors.left: groupIconHealing.right
-    margin-top: 3
-    margin-left: 3
-    $on:
-      image-clip: 40 20 20 20
+    SpellProgressRect
+      id: progressRectSupport
+      anchors.fill: groupIconSupport
+      !tooltip: tr('Support')
 
-  SpellProgressRect
-    id: progressRectSupport
-    anchors.fill: groupIconSupport
-    !tooltip: tr('Support')
+    SpellGroupIcon
+      id: groupIconSpecial
+      image-clip: 60 0 20 20
+      anchors.top: parent.top
+      anchors.left: groupIconSupport.right
+      margin-left: 3
+      $on:
+        image-clip: 60 20 20 20
 
-  SpellGroupIcon
-    id: groupIconSpecial
-    image-clip: 60 0 20 20
-    anchors.top: parent.top
-    anchors.left: groupIconSupport.right
-    margin-top: 3
-    margin-left: 3
-    $on:
-      image-clip: 60 20 20 20
+    SpellProgressRect
+      id: progressRectSpecial
+      anchors.fill: groupIconSpecial
+      !tooltip: tr('Special')
 
-  SpellProgressRect
-    id: progressRectSpecial
-    anchors.fill: groupIconSpecial
-    !tooltip: tr('Special')
-
-  Panel
-    id: spellCooldownPanel
-    anchors.fill: parent
-    margin-left: 102
+    Panel
+      id: spellCooldownPanel
+      margin-top: 5
+      anchors.top: groupIconSpecial.bottom
+      anchors.left: parent.left
+      anchors.right: parent.right
+      height: 30
+      padding: 1
+      margin-left: 2
+      margin-right: 2
+      border: 1 #444444
+