use theme scmslate as default

scm-webapp/src/main/webapp/index.html

@@ -52,7 +52,7 @@
 
     <!--compress-->
     <link rel="stylesheet" type="text/css" href="resources/extjs/resources/css/ext-all.css" />
-    <link rel="stylesheet" type="text/css" href="resources/extjs/resources/css/xtheme-gray.css" />
+    <link rel="stylesheet" type="text/css" href="resources/extjs/resources/css/xtheme-scmslate.css" />
     <link rel="stylesheet" type="text/css" href="resources/css/style.css" />
 
     <!-- extjs -->
@@ -164,8 +164,7 @@
 
       <div id="header" style="visibility: visible; ">
         <div id="appTitle" class="left-side">
-          <h1>SCM Manager</h1>
-          <p>SCM Repository Management</p>
+          <img src="resources/images/scm-logo.jpg" alt="SCM Manager">
         </div>
         <div  id="logo" class="right-side">
           <!--

scm-webapp/src/main/webapp/resources/css/style.css

@@ -67,20 +67,9 @@ a.scm-link:hover {
   cursor: pointer;
 }
 
-#header {
-  margin: 5px;
-}
-
-#appTitle {
-  color: #004077;
-  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
-  margin-top: 20px;
-  font-size: 14px;
-}
-
-#appTitle h1 {
-  font-size: 24px;
-  font-weight: bold;
+#north-panel {
+  background-image: url(../images/header-backgound.jpg);
+  background-repeat: repeat-x;
 }
 
 .right-side {

scm-webapp/src/main/webapp/resources/js/sonia.scm.js

@@ -489,7 +489,7 @@ Ext.onReady(function(){
       region: 'north',
       id: 'north-panel',
       contentEl: 'north',
-      height: 75
+      height: 60
     }), {
       region: 'west',
       id: 'navigationPanel',