1
2.editbutton_table {
3    /* default used also in edittable*/
4    display: none;
5}
6
7.edit-button-cs button {
8    border: 0;
9    display: inline-block;
10    width: 16px;
11    height: 16px;
12    background-repeat: no-repeat;
13    background-color: initial;
14    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' fill='rgba(0,0,0,0.35)' viewBox='0 0 36 36'%3E%3Cpath d='M28 30H6V8h13.22l2-2H6a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V15l-2 2z'/%3E%3Cpath d='m33.53 5.84-3.37-3.37a1.61 1.61 0 0 0-2.28 0L14.17 16.26l-1.11 4.81A1.61 1.61 0 0 0 14.63 23a1.69 1.69 0 0 0 .37 0l4.85-1.07L33.53 8.12a1.61 1.61 0 0 0 0-2.28zM18.81 20.08l-3.66.81.85-3.63L26.32 6.87l2.82 2.82zM30.27 8.56l-2.82-2.82L29 4.16 31.84 7z'/%3E%3C/svg%3E%0A");
15    background-position-x: center;
16}
17
18.edit-button-cs svg {
19    color: rgba(0, 0, 0, 0.35)
20}
21
22/*
23section_highlight is a node added when hovering around the edit button by the page.js file
24See sectionHighlight function
25We have just disable this function in script.js because it was moving element around
26Better solution would be to change the styling (background) with css
27*/
28
29/* style for section highlighting */
30.edit-button-highlight-cs {
31    background: #f8f9fa;
32}
33
34/** Only for section not button for table */
35/** Because section edit can also be outside outline, it's here*/
36.editbutton_section {
37    right: 0;
38    bottom: 0;
39    position: absolute;
40    z-index: 1040;
41}
42