Checked in patch 164753 for bug 199779:Make minical useful

calendar/resources/content/datetimepickers/minimonth.xbl

@@ -100,7 +100,7 @@
                 <xul:text class="minimonth-day" flex="1"/>
             </xul:hbox>
           </xul:vbox>
-          <xul:menupopup id="month-list">
+          <xul:menupopup id="month-list" position="after_start">
             <xul:menuitem class="minimonth-list"/>
             <xul:menuitem class="minimonth-list"/>
             <xul:menuitem class="minimonth-list"/>
@@ -114,7 +114,7 @@
             <xul:menuitem class="minimonth-list"/>
             <xul:menuitem class="minimonth-list"/>
           </xul:menupopup>
-          <xul:menupopup id="year-list">
+          <xul:menupopup id="year-list" position="after_start">
             <xul:menuitem class="minimonth-list"/>
             <xul:menuitem class="minimonth-list"/>
             <xul:menuitem class="minimonth-list"/>

calendar/resources/skin/classic/datetimepickers/minimonth.css

@@ -51,6 +51,8 @@
   font-weight: bold;
   color: #000000;
   text-align: center;
+  padding: 1px;
+  border: 1px solid #EEEEEE;
 }
 
 .minimonth-year-name {
@@ -60,6 +62,13 @@
   color: #000000;
   text-align: center;
   margin-left: 6px;
+  padding: 1px;
+  border: 1px solid #EEEEEE;
+}
+
+.minimonth-month-name:hover,
+.minimonth-year-name:hover {
+  border: 1px solid #d2d2d2;
 }
 
 .minimonth-navbtn {

calendar/resources/skin/modern/datetimepickers/minimonth.css

@@ -51,6 +51,8 @@
   font-weight: bold;
   color: #000000;
   text-align: center;
+  padding: 1px;
+  border: 1px solid #EEEEEE;
 }
 
 .minimonth-year-name {
@@ -60,6 +62,13 @@
   color: #000000;
   text-align: center;
   margin-left: 6px;
+  padding: 1px;
+  border: 1px solid #EEEEEE;
+}
+
+.minimonth-month-name:hover,
+.minimonth-year-name:hover {
+  border: 1px solid #d2d2d2;
 }
 
 .minimonth-navbtn {

calendar/sunbird/themes/winstripe/sunbird/datetimepickers/minimonth.css

@@ -15,6 +15,8 @@
   font-weight: bold;
   color: #000000;
   text-align: center;
+  padding: 1px;
+  border: 1px solid #EEEEEE;
 }
 
 .minimonth-year-name {
@@ -24,6 +26,13 @@
   color: #000000;
   text-align: center;
   margin-left: 6px;
+  padding: 1px;
+  border: 1px solid #EEEEEE;
+}
+
+.minimonth-month-name:hover,
+.minimonth-year-name:hover {
+  border: 1px solid #d2d2d2;
 }
 
 .minimonth-navbtn {