diff --git a/rhodecode/templates/index_base.html b/rhodecode/templates/index_base.html
--- a/rhodecode/templates/index_base.html
+++ b/rhodecode/templates/index_base.html
@@ -50,6 +50,9 @@
                 <h1><a href="${h.url('home')}">${c.rhodecode_name} ${c.rhodecode_version}</a></h1>
             </div>
             <div id='repos_list_wrap' class="yui-skin-sam">
+            <%cnt=0%>
+            <%namespace name="dt" file="/_data_table/_dt_elements.html"/>
+            
             <table id="repos_list">
             <thead>
                 <tr>
@@ -64,91 +67,29 @@
                 </tr>
             </thead>
             <tbody>
-            <%cnt=0%>
             %for cnt,repo in enumerate(c.repos_list,1):
                 <tr class="parity${cnt%2}">
+                    ##QUICK MENU
                     <td class="quick_repo_menu">
-                    <ul class="menu_items hidden">
-                      <li style="border-top:1px solid #003367;margin-left:18px;padding-left:-99px"></li>
-                      <li>
-                         <a title="${_('Summary')}" href="${h.url('summary_home',repo_name=repo['name'])}">
-                         <span class="icon">
-                             <img src="${h.url('/images/icons/clipboard_16.png')}" alt="${_('Summary')}" />
-                         </span>
-                         <span>${_('Summary')}</span>                 
-                         </a>             
-                      </li>
-                      <li>
-                         <a title="${_('Changelog')}" href="${h.url('changelog_home',repo_name=repo['name'])}">
-                         <span class="icon">
-                             <img src="${h.url('/images/icons/time.png')}" alt="${_('Changelog')}" />
-                         </span>
-                         <span>${_('Changelog')}</span>                 
-                         </a>             
-                      </li>
-                      <li>
-                         <a title="${_('Files')}" href="${h.url('files_home',repo_name=repo['name'])}">
-                         <span class="icon">
-                             <img src="${h.url('/images/icons/file.png')}" alt="${_('Files')}" />
-                         </span>
-                         <span>${_('Files')}</span>                 
-                         </a>             
-                      </li>
-                      <li>
-                         <a title="${_('Fork')}" href="${h.url('repo_fork_home',repo_name=repo['name'])}">
-                         <span class="icon">
-                             <img src="${h.url('/images/icons/arrow_divide.png')}" alt="${_('Fork')}" />
-                         </span>
-                         <span>${_('Fork')}</span>                 
-                         </a>             
-                      </li>                                                      
-                    </ul>
+                      ${dt.quick_menu(repo['name'])}
                     </td>
-                    <td>
-                    ## TYPE OF REPO
-                    <div style="white-space: nowrap">
-                     %if repo['dbrepo']['repo_type'] =='hg':
-                       <img class="icon" title="${_('Mercurial repository')}" alt="${_('Mercurial repository')}" src="${h.url('/images/icons/hgicon.png')}"/>
-                     %elif repo['dbrepo']['repo_type'] =='git':
-                       <img class="icon" title="${_('Git repository')}" alt="${_('Git repository')}" src="${h.url('/images/icons/giticon.png')}"/>
-                     %endif 
-                    
-                     ##PRIVATE/PUBLIC
-                     %if repo['dbrepo']['private']:
-                        <img class="icon" title="${_('private repository')}" alt="${_('private repository')}" src="${h.url('/images/icons/lock.png')}"/>
-                     %else:
-                        <img class="icon" title="${_('public repository')}" alt="${_('public repository')}" src="${h.url('/images/icons/lock_open.png')}"/>
-                     %endif
-                    
-                    ##NAME   
-                    ${h.link_to(repo['name'],
-                        h.url('summary_home',repo_name=repo['name']),class_="repo_name")}
-                    %if repo['dbrepo_fork']:
-                        <a href="${h.url('summary_home',repo_name=repo['dbrepo_fork']['repo_name'])}">
-                        <img class="icon" alt="${_('fork')}"
-                        title="${_('Fork of')} ${repo['dbrepo_fork']['repo_name']}" 
-                        src="${h.url('/images/icons/arrow_divide.png')}"/></a>
-                    %endif
-                    </div>
+                    ##REPO NAME AND ICONS
+                    <td class="reponame">
+                      ${dt.repo_name(repo['name'],repo['dbrepo']['repo_type'],repo['dbrepo']['private'],repo['dbrepo_fork'].get('repo_name'))}
                     </td>
                     ##DESCRIPTION
                     <td><span class="tooltip" title="${h.tooltip(repo['description'])}">
                        ${h.truncate(repo['description'],60)}</span>
                     </td>
-                    ##LAST CHANGE
-                    <td>
-                      <span class="tooltip" title="${repo['last_change']}">
-                      ${h.age(repo['last_change'])}</span>
-                    </td>
+                    ##LAST CHANGE DATE
                     <td>
-                        <div>
-                        %if repo['rev']>=0:
-                        <pre><a title="${h.tooltip('%s\n%s' % (repo['author'],repo['last_msg']))}" class="tooltip" href="${h.url('changeset_home',repo_name=repo['name'],revision=repo['tip'])}">${'r%s:%s' % (repo['rev'],h.short_id(repo['tip']))}</a></pre>
-                        %else:
-                            ${_('No changesets yet')}
-                        %endif
-                        </div>    
+                      <span class="tooltip" title="${repo['last_change']}">${h.age(repo['last_change'])}</span>
                     </td>
+                    ##LAST REVISION
+                    <td>
+                        ${dt.revision(repo['name'],repo['rev'],repo['tip'],repo['author'],repo['last_msg'])}  
+                    </td>
+                    ##
                     <td title="${repo['contact']}">${h.person(repo['contact'])}</td>
                     <td>
                       %if c.rhodecode_user.username != 'default':
@@ -176,18 +117,7 @@
       var func = function(node){
           return node.parentNode.parentNode.parentNode.parentNode;
       }
-      var qrm = function(){
-        YUE.on(YUQ('.quick_repo_menu'),'click',function(e){
-            var menu = e.currentTarget.firstElementChild.firstElementChild;
-            if(YUD.hasClass(menu,'hidden')){
-                YUD.addClass(e.currentTarget,'active');
-                YUD.removeClass(menu,'hidden');
-            }else{
-                YUD.removeClass(e.currentTarget,'active');
-                YUD.addClass(menu,'hidden');
-            }
-        })
-      };
+
 
       // groups table sorting
       var myColumnDefs = [
@@ -255,8 +185,8 @@
       );
       myDataTable.subscribe('postRenderEvent',function(oArgs) {
           tooltip_activate();
-          qrm();
-          q_filter('q_filter',YUQ('div.table tr td a.repo_name'),func);          
+          quick_repo_menu();
+          q_filter('q_filter',YUQ('div.table tr td a.repo_name'),func);        
       });          
       
     </script>
\ No newline at end of file