From 31d5fbbb15f04edf0538135880892e910bd14452 Mon Sep 17 00:00:00 2001
From: cyril <jarod022@gmail.com>
Date: Mon, 2 May 2016 16:21:23 +0200
Subject: [PATCH] fix ui projects list

---
 app/assets/stylesheets/app.components.scss   | 56 ++------------------
 app/assets/templates/projects/index.html.erb |  6 +--
 2 files changed, 8 insertions(+), 54 deletions(-)

diff --git a/app/assets/stylesheets/app.components.scss b/app/assets/stylesheets/app.components.scss
index d2133e18a..adeaa5c72 100644
--- a/app/assets/stylesheets/app.components.scss
+++ b/app/assets/stylesheets/app.components.scss
@@ -65,6 +65,7 @@
   height: 100%;
 }
 
+// component card
 .card {
   position: relative;
   display: block;
@@ -113,19 +114,18 @@
     .card-header-bg {
       background-size: cover;
       background-repeat: no-repeat;
+      background-position: center;
       height: 180px;
     }
-    
-
   }
   .card-block {
-    padding: 1.25rem;
-
+    padding: 0 1.25rem 1.25rem 1.25rem;
     .card-title {
-      font-size: 1.6rem;
+      font-size: 1.5rem;
       line-height: 2rem;
       margin: 0;
       text-align: center;
+      margin-top: 5px;
     }
     .card-meta {
       font-size: 1.2rem;
@@ -135,52 +135,6 @@
   }
 }
 
-.box-thumb {
-  opacity: 0.9;
-  &:hover { opacity: 1;}
-  &:hover .box-footer { opacity: 1; }
-  position: relative;
-  background-size: cover;
-  background-repeat: no-repeat;
-  border-radius: 8px;
-  margin-bottom: 30px;
-  cursor: pointer;
-  // todo
-  overflow: hidden;
-  height: 280px;
-  img {
-    opacity: 0.9;
-
-  }
-  .project-caption {
-    text-shadow: rgba(29, 29, 29, 0.5) 0 -1px, rgba(29, 29, 29, 0.5) -1px 0,
-                 rgba(29, 29, 29, 0.5) 1px 0, rgba(29, 29, 29, 0.5) 0 1px;
-  }
-  .box-content {
-    position: absolute;
-    top: 45px;
-    left: 0;
-    right: 0;
-    h1 {
-      padding: 0 20px;
-      color: white;
-      text-transform: uppercase;
-      font-size: rem-calc(24);
-      font-weight: 900;
-      line-height: rem-calc(30);
-      text-align: center;
-    }
-  }
-  .box-footer {
-    opacity: 0;
-    position: absolute;
-    bottom: 10px;
-    left: 0;
-    right: 0;
-    text-align: center;
-  }
-}
-
 .article {
   max-width: $screen-md-min;
   margin: 0 auto;
diff --git a/app/assets/templates/projects/index.html.erb b/app/assets/templates/projects/index.html.erb
index 316c428a4..221aa03fe 100644
--- a/app/assets/templates/projects/index.html.erb
+++ b/app/assets/templates/projects/index.html.erb
@@ -38,7 +38,7 @@
                />
         {{ searchOverWholeNetwork }}
       </span>
-      <form class="form-inline m-t" role="form" ng-submit="setUrlQueryParams(search) && triggerSearch()">
+      <form class="form-inline m-t text-center" role="form" ng-submit="setUrlQueryParams(search) && triggerSearch()">
         <div class="form-group">
           <div class="input-group">
             <div class="input-group-addon"><i class="fa fa-search"></i></div>
@@ -82,7 +82,7 @@
 
   <div class="row">
     <span class="col-md-12" ng-show="projects && (projects.length == 0)"> {{ 'project_search_result_is_empty' | translate }} </span>
-    <div class="col-xs-12 col-sm-6 col-md-4" ng-repeat="project in projects" ng-click="showProject(project)">
+    <div class="col-xs-12 col-sm-6 col-md-3" ng-repeat="project in projects" ng-click="showProject(project)">
 
       <div class="card card-project">
 
@@ -94,7 +94,7 @@
         </div>
 
         <div class="card-block">
-          <h3 class="card-meta" ng-if="openlab.searchOverWholeNetwork && project.app_id == openlabAppId"><i class="fa fa-tag"></i> {{ project.app_name }}</h3>
+          <h3 class="card-meta" ng-if="openlab.searchOverWholeNetwork && project.app_id != openlabAppId"><i class="fa fa-tag"></i> {{ project.app_name }}</h3>
           <h1 class="card-title">{{project.name}}</h1>
         </div>