SPR-742: edit buttons

css/area_main-content-secedit.less

@@ -16,13 +16,6 @@
         border-color: @ini_background_page_header;
     }
 
-    .secedit button {
-        clear: both;
-        font-size: 100%;
-        margin-top: -1em;
-        margin-bottom: @small-spacing;
-    }
-
     .editbutton_section {
         position: relative;
         z-index: 2;
@@ -30,6 +23,12 @@
         float: right;
         margin-top: 0;
 
+        form div.no {
+            button {
+                padding-right: 0;
+            }
+        }
+
         button {
             background-color: transparent;
             color: transparent;
@@ -37,23 +36,29 @@
 
             &::after {
                 content: '';
+                float: right;
                 display: inline-block;
                 background: transparent url("svg.php?svg=pencil.svg&f=existing") center center no-repeat;
                 height: 1em;
                 width: 1em;
                 background-size: contain;
+                border: solid 2px transparent;
+                border-radius: @ini_default_border_radius;
                 margin-left: @small-spacing;
+                margin-top: -1px;
             }
 
             &:hover,
             &:active,
             &:focus {
-                background-color: @ini_button_color;
-                color: @ini_button_background;
-                border-color: @ini_button_background;
+                //background-color: @ini_existing;
+                color: @ini_existing;
+                //border-color: @ini_existing;
 
                 &::after {
-                    background-image: url("svg.php?svg=pencil.svg&f=button_background");
+                    background-color: @ini_existing;
+                    background-image: url("svg.php?svg=pencil.svg&f=background_content");
+                    border-color: @ini_existing;
                 }
             }
         }

css/plugins/edittable.less

@@ -6,15 +6,29 @@
     div.editbutton_table {
         position: relative; // for IE
         z-index: 1; // for IE
+        float: left;
         margin-top: -1.46rem !important; // overwrite inline stales
 
         form div.no {
             button,
             input.button {
                 min-height: 1rem;
-                // button - for inverted design: background-color: @ini_button_color; color: @ini_button_background;
+                background-color: @ini_background_content;
+                border-top: solid 1px @ini_button_background;
+                border-color: @ini_border;
+                color: @ini_existing;
                 font-size: @font-size-small;
                 margin-top: 0;
+                padding-right: .3em;
+                transition: @transition background-color, @transition border-color, @transition color;
+
+                &:hover,
+                &:focus,
+                &:active {
+                    background-color: @ini_existing;
+                    border-color: @ini_existing;
+                    color: @ini_background_content;
+                }
             }
         }
 

img/file-export.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M8.93,12.22H16V19.29L13.88,17.17L11.05,20L8.22,17.17L11.05,14.35" /></svg>