From 4ec4694f014886b220320c1e1bd8acb6a43e2754 Mon Sep 17 00:00:00 2001
From: FinnStutzenstein <finn.stutzenstein@hotmail.de>
Date: Fri, 18 Aug 2017 08:06:13 +0200
Subject: [PATCH] Fixing layout issues in mediafiles list view

---
 openslides/core/static/css/app.css                     | 10 ++++++++++
 .../static/templates/mediafiles/mediafile-list.html    |  6 +++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/openslides/core/static/css/app.css b/openslides/core/static/css/app.css
index 356cb1423..596b30286 100644
--- a/openslides/core/static/css/app.css
+++ b/openslides/core/static/css/app.css
@@ -1083,6 +1083,16 @@ img {
     padding: 5px 5px 5px 0;
 }
 
+/** Mediafile table **/
+#mediafile-table .icon-column {
+    width: 10%;
+}
+
+#mediafile-table .title-column {
+    padding: 0px 10px;
+    width: 90%;
+}
+
 /** Config **/
 .input-comments > div {
     margin-bottom: 5px
diff --git a/openslides/mediafiles/static/templates/mediafiles/mediafile-list.html b/openslides/mediafiles/static/templates/mediafiles/mediafile-list.html
index cd872c676..b8c2927fb 100644
--- a/openslides/mediafiles/static/templates/mediafiles/mediafile-list.html
+++ b/openslides/mediafiles/static/templates/mediafiles/mediafile-list.html
@@ -144,7 +144,7 @@
     {{(mediafiles|filter:{selected:true}).length}} {{ "selected" | translate }}</span>
   </div>
 
-  <div class="os-table container-fluid">
+  <div id="mediafile-table" class="os-table container-fluid">
     <div class="row header-row">
       <div class="col-xs-1 centered" ng-show="isSelectMode" os-perms="mediafiles.can_manage">
         <i class="fa text-danger pointer" ng-class="selectedAll ? 'fa-check-square-o' : 'fa-square-o'"
@@ -279,13 +279,13 @@
       <div class="no-projector-spacer" os-perms="!core.can_manage_projector"></div>
       <!-- main content column -->
       <div class="col-xs-5 content">
-        <div class="spacer-right"> <!-- horizontal block -->
+        <div class="icon-column"> <!-- horizontal block -->
           <i ng-style="{'visibility': mediafile.hidden ? 'visible' : 'hidden'}" class="fa fa-lock fa-lg"
               title="{{ 'Is hidden' | translate }}"></i>
           <i ng-style="{'visibility': mediafile.isUsedAsLogo() ? 'visible' : 'hidden'}" class="fa fa-picture-o fa-lg spacer-left"
               title="{{ 'Is used as a logo' | translate }}" os-perms="core.can_manage_logos"></i>
         </div>
-        <div>
+        <div class="title-column">
           <div> <!-- vertical block -->
             <a ng-href="{{ mediafile.mediafileUrl }}" class="title" target="_blank">{{ mediafile.title_or_filename }}</a>
           </div>