#dirlisting { text-align: left; } #create { text-align: center; padding: 2em 2em 0 2em; } #message { padding: 2em; font-weight: bold; font-size: 120%; color: #302; background-color: #df2266; border-radius: 1em; margin: 1em auto; width: 50%; } div.entry { padding: 0.5em; margin: 0.5em; background-color: #4467ae55; display: flex; vertical-align: center; } a.button { padding: 0.5em; background-color: #c8e; text-decoration: none; margin-left: 0.5em; /*display: block;*/ border-radius: 0.5em; } .info, .permission { padding: 0.5em; background-color: #c8e; border-radius: 0.5em; margin-left: 0.5em; text-decoration: none; color: #453; } .button.delete { background-color: #f79 !important; } .button.active { background-color: #569; } .permission { background-color: #366; color: #acb; } .permission.disabled { text-decoration: line-through; background-color: #636; } a.entry { text-decoration: none; color: #aade88; } span.dirname { font-weight: bold; font-style: italic; } #topmenu, #action { display: inline-flex; margin: 1em; }