Bonjour à tous, je viens à vous pour trouver une solution vis à vis d'un problème dont je suis en train de m'arracher les cheveux...

Tout d'abord voici le site, vous allez directement voir le problème... http://pronos365.com

Mon problème est le suivant, j'ai voulu afficher des résultats par ordre d'heure ex : de 07h à 23h...

Le soucis c'est que le dernier résultat dispose d'un espace blanc que je ne parviens pas à comprendre...


Voici les sources :

Tout d'abord le code qui affiche le listing :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div class="row mediaItemCtr" ng-repeat="mi in mediaItems">
    <media-item></media-item>
</div>

Puis son Css :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
.mediaItemCtr{  margin-bottom: 10px; padding-bottom: 10px;  }
Puis son PHP :

Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
$searchQuery                =   "SELECT *,(
  SELECT `display_name` FROM users WHERE id=m.uid
) as `display_name`,(
  SELECT `username` FROM users WHERE id=m.uid
) as `username`, (
  SELECT COUNT(*) FROM media_likes WHERE mid=m.id AND sid = :sid
) as `isPurple` FROM media m WHERE status='1' ORDER BY `hour` ASC
LIMIT " . $offset . ", " . $settings['display_count'];

et pour finir son Javascript :

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
rocketeerApp.controller("homeController", ["$scope", "$http", "$timeout", function($scope, $http, $timeout){
    $scope.mediaItems           =   [];
    $scope.search               =   {
        offset: 0
    };
 
    $scope.slides               =   slides;
    $scope.isGrabbing           =   false;
    $scope.stopGrabbing         =   false;
 
    $scope.getMediaItems        =   function(){
        if($scope.isGrabbing || $scope.stopGrabbing){
            return null;
        }
        $scope.isGrabbing       =   true;
        $http({
            method: 'POST',
            url: 'actions/get-home-media-items.php',
            data: $scope.search
        }).success(function(data,status,headers,config){
            data.items.forEach(function(ele,ind,arr){
                $scope.mediaItems.push(ele);
            });
            $scope.search.offset    =   $scope.mediaItems.length;
            $scope.isGrabbing   =   false;
 
            if(data.items.length === 0){
                $scope.stopGrabbing =   true;
            }
        });
    };
 
    $scope.getMediaItems();
 
    $( document).scroll(function() {
        var checkPoint  =   $(document).height() - 1000;
 
        if($(document).scrollTop() > checkPoint ){
            $scope.getMediaItems();
        }
    });
}]);

Merci de votre lecture en espérant vraiment que quelqu'un puisse me venir en aide ^^