diff --git a/public/stylesheets/educoder/edu-main.css b/public/stylesheets/educoder/edu-main.css
index 233f5682..79385ef4 100644
--- a/public/stylesheets/educoder/edu-main.css
+++ b/public/stylesheets/educoder/edu-main.css
@@ -1057,6 +1057,7 @@ html>body #ajax-indicator { position: fixed; }
     background:rgba(255,235,213,1);
     border-radius:13px;
 }
+
 .project-package-item .item-other {
     display: -webkit-flex;
     display: flex;
@@ -1066,12 +1067,19 @@ html>body #ajax-indicator { position: fixed; }
 .project-package-item .item-group {
     flex: 2;
 }
+.project-package-item .item-group.item-other-publish-at {
+    text-align: right;
+}
 .project-package-item .item-other-blank {
     flex: 3
 }
 
 .project-package-item.with-operator .item-operator {
     width: 0;
+    transition: width .2s;
+    -moz-transition: width .2s; /* Firefox 4 */
+    -webkit-transition: width .2s; /* Safari 和 Chrome */
+    -o-transition: width .2s; /* Opera */
 }
 .project-package-item.with-operator:hover .item-operator {
     margin: -20px -20px -20px 20px;
@@ -1082,10 +1090,6 @@ html>body #ajax-indicator { position: fixed; }
     flex-direction: column;
     align-items: center;
     background: #f0f0f0;
-    transition: width .2s;
-    -moz-transition: width .2s; /* Firefox 4 */
-    -webkit-transition: width .2s; /* Safari 和 Chrome */
-    -o-transition: width .2s; /* Opera */
 }
 .project-package-item.with-operator .item-operator a {
     display: none;