Make add clone popup bigger

browser/css/light.css

@@ -743,7 +743,8 @@ span .substitution {
   border-radius: 2px;
 }
 #file_menu,
-#axis_choice {
+#axis_choice,
+#add_clone_menu {
   z-index: 2;
   border: solid;
   position: fixed;
@@ -756,6 +757,33 @@ span .substitution {
   background: #ffffff;
   display: none;
 }
+#add_clone_menu {
+  margin-left: -325px;
+  min-width: 600px;
+}
+#add_clone_menu > #addclone_input {
+  margin-bottom: 10px;
+  resize: none;
+  height: 12em;
+  width: 98%;
+  border: 1px solid silver;
+  border-radius: 0.1em;
+  padding: 1%;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition-property: border, box-shadow;
+  transition-duration: 0.2s, 0.2s;
+  transition-timing-function: linear, linear;
+  transition-delay: 0s, 0s;
+}
+#add_clone_menu > #addclone_input.error {
+  border: 1px solid #8b0000;
+}
 .buttonSelector {
   background: #ffffff;
   cursor: pointer;
@@ -1560,7 +1588,8 @@ select > option:hover {
   background: #fdf6e3;
 }
 input:focus,
-textarea:focus {
+textarea:focus,
+#add_clone_menu > #addclone_input:focus {
   border-color: #cccccc;
   -webkit-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
   -moz-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;

browser/css/svg.css

@@ -742,7 +742,8 @@ span .substitution {
   border-radius: 2px;
 }
 #file_menu,
-#axis_choice {
+#axis_choice,
+#add_clone_menu {
   z-index: 2;
   border: solid;
   position: fixed;
@@ -755,6 +756,33 @@ span .substitution {
   background: #ffffff;
   display: none;
 }
+#add_clone_menu {
+  margin-left: -325px;
+  min-width: 600px;
+}
+#add_clone_menu > #addclone_input {
+  margin-bottom: 10px;
+  resize: none;
+  height: 12em;
+  width: 98%;
+  border: 1px solid silver;
+  border-radius: 0.1em;
+  padding: 1%;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition-property: border, box-shadow;
+  transition-duration: 0.2s, 0.2s;
+  transition-timing-function: linear, linear;
+  transition-delay: 0s, 0s;
+}
+#add_clone_menu > #addclone_input.error {
+  border: 1px solid #8b0000;
+}
 .buttonSelector {
   background: #ffffff;
   cursor: pointer;
@@ -1559,7 +1587,8 @@ select > option:hover {
   background: #777777;
 }
 input:focus,
-textarea:focus {
+textarea:focus,
+#add_clone_menu > #addclone_input:focus {
   border-color: #333333;
   -webkit-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #333333;
   -moz-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #333333;

browser/css/talk.css

@@ -743,7 +743,8 @@ span .substitution {
   border-radius: 2px;
 }
 #file_menu,
-#axis_choice {
+#axis_choice,
+#add_clone_menu {
   z-index: 2;
   border: solid;
   position: fixed;
@@ -756,6 +757,33 @@ span .substitution {
   background: #ffffff;
   display: none;
 }
+#add_clone_menu {
+  margin-left: -325px;
+  min-width: 600px;
+}
+#add_clone_menu > #addclone_input {
+  margin-bottom: 10px;
+  resize: none;
+  height: 12em;
+  width: 98%;
+  border: 1px solid silver;
+  border-radius: 0.1em;
+  padding: 1%;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition-property: border, box-shadow;
+  transition-duration: 0.2s, 0.2s;
+  transition-timing-function: linear, linear;
+  transition-delay: 0s, 0s;
+}
+#add_clone_menu > #addclone_input.error {
+  border: 1px solid #8b0000;
+}
 .buttonSelector {
   background: #ffffff;
   cursor: pointer;
@@ -1560,7 +1588,8 @@ select > option:hover {
   background: #fdf6e3;
 }
 input:focus,
-textarea:focus {
+textarea:focus,
+#add_clone_menu > #addclone_input:focus {
   border-color: #cccccc;
   -webkit-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
   -moz-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;

browser/css/vidjil.less

@@ -908,10 +908,15 @@ span .substitution {
   display:none;
 }
 
+#add_clone_menu {
+  margin-left: -325px;
+  min-width: 600px;
+}
+
 #add_clone_menu > #addclone_input {
   margin-bottom: 10px;
   resize: none;
-  height: 8em;
+  height: 12em;
   width: 98%;
   border: 1px solid silver;
   border-radius: 0.1em;
@@ -1785,7 +1790,7 @@ select>option:hover {
     background : @highlight;
 }
 
-input:focus, textarea:focus {
+input:focus, textarea:focus, #add_clone_menu > #addclone_input:focus {
     border-color: @border;
     -webkit-box-shadow: inset 0 1px 1px @background, 0 0 8px @border;
     -moz-box-shadow: inset 0 1px 1px @background, 0 0 8px @border;