From 57c6d272e4b7a77c911310dead7c1a9676d92d86 Mon Sep 17 00:00:00 2001
From: OpenIhu <hujl@pcl.ac.cn>
Date: Fri, 24 Sep 2021 16:08:08 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=BF=AE=E5=A4=8D#357=EF=BC=8C=E8=BF=81?=
 =?UTF-8?q?=E7=A7=BB=E5=A4=96=E9=83=A8=E9=A1=B9=E7=9B=AE=E3=80=81=E5=88=9B?=
 =?UTF-8?q?=E5=BB=BA=E7=BB=84=E7=BB=87=E4=BF=9D=E6=8C=81=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/org/create.tmpl   | 2 +-
 templates/repo/migrate.tmpl | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/org/create.tmpl b/templates/org/create.tmpl
index 82c8766a9..607050336 100644
--- a/templates/org/create.tmpl
+++ b/templates/org/create.tmpl
@@ -1,5 +1,5 @@
 {{template "base/head" .}}
-<div class="organization new org">
+<div class="organization new org" style="margin-top: 25px;">
 	<div class="ui middle very relaxed page grid">
 		<div class="column">
 			<form class="ui form" action="{{.Link}}" method="post">
diff --git a/templates/repo/migrate.tmpl b/templates/repo/migrate.tmpl
index f30b59df3..ba17fd83f 100644
--- a/templates/repo/migrate.tmpl
+++ b/templates/repo/migrate.tmpl
@@ -1,5 +1,5 @@
 {{template "base/head" .}}
-<div class="repository new migrate">
+<div class="repository new migrate" style="margin-top: 40px;">
 	<div class="ui middle very relaxed page grid">
 		<div class="column">
 			<form class="ui form" action="{{.Link}}" method="post">

From eb7501b299fc3fd043de6baa67be63908b01209a Mon Sep 17 00:00:00 2001
From: OpenIhu <hujl@pcl.ac.cn>
Date: Fri, 24 Sep 2021 17:35:46 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=91=E8=84=911?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/repo/cloudbrain/index.tmpl | 90 +++++++++++++---------------
 1 file changed, 41 insertions(+), 49 deletions(-)

diff --git a/templates/repo/cloudbrain/index.tmpl b/templates/repo/cloudbrain/index.tmpl
index 450adf2a5..897b104b5 100755
--- a/templates/repo/cloudbrain/index.tmpl
+++ b/templates/repo/cloudbrain/index.tmpl
@@ -256,74 +256,66 @@
                             <div class="row">
 
                                 <!-- 任务名 -->
-                                <div class="four wide column">
+                                <div class="seven wide column">
                                     <a class="title" href="{{$.Link}}/{{.JobID}}">
                                         <span class="fitted">{{svg "octicon-tasklist" 16}}</span>
                                         <span class="fitted">{{.JobName}}</span>
                                     </a>
                                 </div>
 
-                                <!--任务状态 -->
-                                <div class="two wide column job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
-                                    {{.Status}}
-                                </div>
-
-                                <!-- 任务创建时间 -->
                                 <div class="three wide column">
-                                    <span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
-                                </div>
-
-                                <!-- 评分 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <a class="title" onclick="stop(this)" href="{{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}{{$.Link}}/{{.JobID}}/rate{{else}}javascript:void(0);{{end}}" style="{{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}{{else}}color:#CCCCCC{{end}}">
-                                            <span class="fitted">评分</span>
-                                    </a>
-                                    </div>
+                                    <!--任务状态 -->
+                                    <span class="mini ui compact button job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
+                                        {{.Status}}
+                                    </span>
+                                    <!-- 任务创建时间 -->
+                                    <span class="">{{TimeSinceUnix .CreatedUnix $.Lang}}</span>
                                 </div>
 
-                                <!-- 删除镜像 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
-                                            {{$.CsrfTokenHtml}}
-                                            <a class="fitted" onclick="assertDelete(this)" style="{{if ne .Status "STOPPED"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">删除</a>
-                                        </form>
-                                    </div>
-                                </div>
+                                <div class="six wide column text right">
+                                    <div class="mini ui compact buttons">  
+                                        {{if and (ne .Status "WAITING") (ne .JobType "DEBUG")}}
+                                        <a class="ui basic button" href="{{$.Link}}/{{.JobID}}/rate" target="_blank">
+                                            评分
+                                        </a>
+                                        {{end}}
 
-                                <!-- 调试 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <a class="title" onclick="stop(this)" href="{{if not .CanDebug}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/debug{{end}}" style="{{if not .CanDebug}}color:#CCCCCC{{end}}">
-                                            <span class="fitted">调试</span>
-                                    </a>
-                                    </div>
-                                </div>
+                                        <!-- 调试 -->
+                                        <a class="ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" href="{{$.Link}}/{{.JobID}}/debug" target="_blank">
+                                            调试
+                                        </a>
 
-                                <!-- 停止 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
+                                        <!-- 停止 -->
                                         <form id="stopForm-{{.JobID}}" action="{{if eq .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/stop{{end}}" method="post">
                                             {{$.CsrfTokenHtml}}
-                                            <a class="fitted" onclick="document.getElementById('stopForm-{{.JobID}}').submit();" style="{{if eq .Status "STOPPED"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">停止</a>
                                         </form>
+                                        <a class="ui basic {{if eq .Status "STOPPED"}}disabled {{else}}blue {{end}}button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();">
+                                            停止
+                                        </a>
                                     </div>
-                                </div>
-
-                                <!-- 模型下载 -->
-                                <div class="two wide column">
-                                    <span class="ui text  clipboard">
-                                        <a class="title" href="{{$.Link}}/{{.JobID}}/models">
-                                            <span class="fitted">模型下载</span>
+                                    <div class="mini ui compact buttons">
+                                        <!-- 模型下载 -->
+                                        <a class="ui basic blue button" href="{{$.Link}}/{{.JobID}}/models" target="_blank">
+                                            模型下载
                                         </a>
-                                    </span>
+                                        
+                                        <!-- 接收结果 -->
+                                        <iframe src="" frameborder="0" name="iframeContent" style="display: none;"></iframe>
+                                        <a class="mini ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" value="{{.CanDebug}}">提交镜像</a>
+
+                                    </div>
+
+                                    <!-- 删除镜像 -->
+                                    <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
+                                        {{$.CsrfTokenHtml}}
+                                    </form>
+                                    <a class="mini ui compact {{if ne .Status "STOPPED"}}disabled {{else}}red {{end}}button" onclick="assertDelete(this)">
+                                        删除
+                                    </a>
                                 </div>
 
-                                <!-- 接收结果 -->
-                                <iframe src="" frameborder="0" name="iframeContent" style="display: none;"></iframe>
-                                <a class="imageBtn" style="{{if not .CanDebug}}color:#CCCCCC;cursor:pointer;pointer-events:none;{{end}}; font-size:16px; font-weight:bold" value="{{.CanDebug}}">提交镜像</a>
 
+                                
                                 <!-- 镜像列表弹窗 -->
                                 <div id="imageModal" class="modal" style="display: none;">
                                     <div class="modal-content">

From 8e28411dfc660701861bdcd0695cb89106d1cc5c Mon Sep 17 00:00:00 2001
From: OpenIhu <hujl@pcl.ac.cn>
Date: Sun, 26 Sep 2021 18:04:32 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=91=E8=84=912?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/repo/cloudbrain/index.tmpl | 22 ++++-----
 templates/repo/modelarts/index.tmpl  | 68 +++++++++++-----------------
 web_src/less/_dataset.less           |  5 +-
 3 files changed, 39 insertions(+), 56 deletions(-)

diff --git a/templates/repo/cloudbrain/index.tmpl b/templates/repo/cloudbrain/index.tmpl
index 897b104b5..78232a8d7 100755
--- a/templates/repo/cloudbrain/index.tmpl
+++ b/templates/repo/cloudbrain/index.tmpl
@@ -284,14 +284,13 @@
                                         <a class="ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" href="{{$.Link}}/{{.JobID}}/debug" target="_blank">
                                             调试
                                         </a>
-
-                                        <!-- 停止 -->
+                                        
                                         <form id="stopForm-{{.JobID}}" action="{{if eq .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/stop{{end}}" method="post">
                                             {{$.CsrfTokenHtml}}
-                                        </form>
-                                        <a class="ui basic {{if eq .Status "STOPPED"}}disabled {{else}}blue {{end}}button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();">
-                                            停止
-                                        </a>
+                                            <a class="ui basic {{if eq .Status "STOPPED"}}disabled {{else}}blue {{end}}button" onclick="document.getElementById('stopForm-{{.JobID}}').submit();">
+                                                停止
+                                            </a>
+                                        </form>                                        
                                     </div>
                                     <div class="mini ui compact buttons">
                                         <!-- 模型下载 -->
@@ -306,16 +305,15 @@
                                     </div>
 
                                     <!-- 删除镜像 -->
-                                    <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
+                                    <form class="mini ui compact buttons" id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
                                         {{$.CsrfTokenHtml}}
+                                        <a class="ui compact {{if ne .Status "STOPPED"}}disabled {{else}}red {{end}}button" onclick="assertDelete(this)">
+                                            删除
+                                        </a>
                                     </form>
-                                    <a class="mini ui compact {{if ne .Status "STOPPED"}}disabled {{else}}red {{end}}button" onclick="assertDelete(this)">
-                                        删除
-                                    </a>
+                                    
                                 </div>
 
-
-                                
                                 <!-- 镜像列表弹窗 -->
                                 <div id="imageModal" class="modal" style="display: none;">
                                     <div class="modal-content">
diff --git a/templates/repo/modelarts/index.tmpl b/templates/repo/modelarts/index.tmpl
index 4aade2d0b..12d173bf0 100755
--- a/templates/repo/modelarts/index.tmpl
+++ b/templates/repo/modelarts/index.tmpl
@@ -247,61 +247,47 @@
                         {{range .Tasks}}
                         <div class="ui grid stackable item">
                             <div class="row">
-
+                            
                                 <!-- 任务名 -->
-                                <div class="four wide column">
+                                <div class="seven wide column">
                                     <a class="title" href="{{$.Link}}/{{.JobID}}">
                                         <span class="fitted">{{svg "octicon-tasklist" 16}}</span>
                                         <span class="fitted">{{.JobName}}</span>
                                     </a>
                                 </div>
 
-                                <!--任务状态 -->
-                                <div class="three wide column job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
-                                    {{.Status}}
-                                </div>
-
-                                <!-- 任务创建时间 -->
                                 <div class="three wide column">
-                                    <span class="ui text center">{{svg "octicon-flame" 16}} {{TimeSinceUnix .CreatedUnix $.Lang}}</span>
-                                </div>
-
-                                <!-- 查看 -->
-                                <div class="one wide column">
-                                    <span class="ui text  clipboard">
-                                        <a class="title" href="{{$.Link}}/{{.JobID}}">
-                                            <span class="fitted">查看</span>
-                                    </a>
+                                    <!--任务状态 -->
+                                    <span class="mini ui compact button job-status" id="{{.JobID}}" data-repopath="{{$.RepoRelPath}}" data-jobid="{{.JobID}}">
+                                        {{.Status}}
                                     </span>
+                                    <!-- 任务创建时间 -->
+                                    <span class="">{{TimeSinceUnix .CreatedUnix $.Lang}}</span>
                                 </div>
 
-                                <!-- 删除任务 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <form id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
-                                            {{$.CsrfTokenHtml}}
-                                            <a class="fitted" onclick="assertDelete(this)" style="{{if ne .Status "STOPPED"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">删除</a>
-                                        </form>
-                                    </div>
-                                </div>
-
-                                <!-- 调试 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
-                                        <a class="title" onclick="stop(this)" href="{{if not .CanDebug}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/debug{{end}}" style="{{if not .CanDebug}}color:#CCCCCC{{end}}">
-                                            <span class="fitted">调试</span>
-                                    </a>
-                                    </div>
-                                </div>
-
-                                <!-- 停止 -->
-                                <div class="one wide column">
-                                    <div class="ui text center clipboard">
+                                <div class="six wide column text right">
+                                    <div class="mini ui compact buttons">
+                                        <a class="ui basic button" href="{{$.Link}}/{{.JobID}}">
+                                            查看
+                                        </a>
+                                        <a class="ui basic {{if not .CanDebug}}disabled {{else}}blue {{end}}button" href="{{$.Link}}/{{.JobID}}/debug">
+                                            调试
+                                        </a>
                                         <form id="stopForm-{{.JobID}}" action="{{if ne .Status "RUNNING"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/stop{{end}}" method="post">
                                             {{$.CsrfTokenHtml}}
-                                            <a class="fitted" onclick="document.getElementById('stopForm-{{.JobID}}').submit();" style="{{if ne .Status "RUNNING"}}color:#CCCCCC{{end}}; font-size:16px; font-weight:bold">停止</a>
-                                        </form>
+                                            <a class="ui basic {{if eq .Status "RUNNING"}}disabled {{else}}blue {{end}}" onclick="document.getElementById('stopForm-{{.JobID}}').submit();">
+                                                停止
+                                            </a>
+                                        </form> 
                                     </div>
+
+                                    <!-- 删除任务 -->
+                                    <form class="mini ui compact buttons" id="delForm-{{.JobID}}" action="{{if ne .Status "STOPPED"}}javascript:void(0){{else}}{{$.Link}}/{{.JobID}}/del{{end}}" method="post">
+                                        {{$.CsrfTokenHtml}}
+                                        <a class="ui compact {{if ne .Status "STOPPED"}}disabled {{else}}red {{end}}button" onclick="assertDelete(this)">
+                                            删除
+                                        </a>
+                                    </form>
                                 </div>
 
                                 <!-- 镜像列表弹窗 -->
diff --git a/web_src/less/_dataset.less b/web_src/less/_dataset.less
index 67911186a..79acbf524 100644
--- a/web_src/less/_dataset.less
+++ b/web_src/less/_dataset.less
@@ -143,10 +143,9 @@
         }
     }
     .item {
-        padding-top: 15px;
-        padding-bottom: 10px;
-        border-bottom: 1px dashed #aaaaaa;
+        border-bottom: 1px solid rgba(34,36,38,.15);
     }
+    
     .ui.grid > .row {
         align-items: center;
     }